> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 연산자 및 표현식

JavaScript의 연산자 및 표현식

Patricia Arquette
풀어 주다: 2024-12-14 21:49:15
원래의
321명이 탐색했습니다.

Operators and Expressions in JavaScript

3일차: JavaScript의 연산자 및 표현식

JavaScript 학습 3일차에 오신 것을 환영합니다! 오늘은 계산을 수행하고, 결정을 내리고, 프로그램에서 의미 있는 논리를 작성하는 데 필수적인 도구인 연산자에 대해 알아 보겠습니다.


연산자란 무엇인가요?

연산자는 값이나 변수에 대해 연산을 수행하는 특수 기호 또는 키워드입니다. 이러한 작업은 산술 계산부터 논리적 결정까지 다양합니다.


JavaScript의 연산자 유형

1. 산술 연산자

덧셈, 뺄셈, 곱셈 등의 수학 연산에 사용됩니다.

Operator Description Example Output
Addition 5 3 8
- Subtraction 10 - 6 4
* Multiplication 4 * 2 8
/ Division 12 / 4 3
% Modulus (Remainder) 10 % 3 1
** Exponentiation 2 ** 3 8
연산자

설명

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
로그인 후 복사
로그인 후 복사
로그인 후 복사
출력
추가 5 3 8 - 뺄셈 10 - 6 4 * 곱셈 4 * 2 8 / 구분 12/4 3 % 계수(나머지) 10% 3 1 ** 지수 2 ** 3 8

예:

Operator Description Example Output
== Equal to 5 == "5" true
=== Strict equal to 5 === "5" false
!= Not equal to 5 != "5" false
!== Strict not equal 5 !== "5" true
< Less than 5 < 10 true
> Greater than 10 > 5 true
<= Less than or equal 5 <= 5 true
>= Greater than or equal 10 >= 5 true
2. 관계(비교) 연산자 두 값을 비교하고 부울(참 또는 거짓)을 반환하는 데 사용됩니다. 연산자 설명 예 출력 == 같음 5 == "5" 사실 === 엄격 같음 5 === "5" 거짓 != 같지 않음 5 != "5" 거짓 !== 엄격히 같지 않음 5 !== "5" 사실 미만 5 < 10 사실 > 보다 큼 10 > 5 사실 <= 작거나 같음 5 <= 5 사실 >= 크거나 같음 10 >= 5 사실

예:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
로그인 후 복사
로그인 후 복사
로그인 후 복사

3. 논리 연산자

여러 조건을 결합하거나 논리를 반전시킵니다.

Operator Description Example Output
&& Logical AND true && false false
` ` Logical OR
! Logical NOT !true false
연산자

설명

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
로그인 후 복사
로그인 후 복사
출력
&& 논리 AND 참 && 거짓 거짓 ` ` 논리적 OR ! 논리적 NOT !참 거짓

예:

Operator Description Example Output
= Assign x = 10 10
= Add and assign x = 5 x = x 5
-= Subtract and assign x -= 3 x = x - 3
*= Multiply and assign x *= 2 x = x * 2
/= Divide and assign x /= 2 x = x / 2
%= Modulus and assign x %= 3 x = x % 3
4. 할당 연산자

변수에 값을 할당하는 데 사용됩니다.

let isAdult = true;
let hasID = false;
console.log(isAdult && hasID); // false
console.log(isAdult || hasID); // true
로그인 후 복사

연산자

설명

출력 = 할당 x = 10 10 = 추가 및 할당 x = 5 x = x 5 -= 빼기 및 할당 x -= 3 x = x - 3 *= 곱하기 및 할당 x *= 2 x = x * 2 /= 분할 및 할당 x /= 2 x = x / 2 %= 모듈러스 및 할당 x %= 3 x = x % 3

예:

Operator Description Precedence
** Exponentiation 1
*, /, % Multiplication, Division, Modulus 2
, - Addition, Subtraction 3
<, >, ==, != Comparison 4
&& Logical AND 5
` `
표현 및 우선순위 표현식은 값을 생성하는 코드 조각입니다. 예를 들어 5 3은 표현식이고 그 값은 8입니다. 연산자 우선순위 여러 연산자를 사용하는 경우 JavaScript는 우선 순위에 따라 실행 순서를 결정합니다. 우선순위가 높은 연산자가 먼저 실행됩니다. 연산자 설명 우선순위 ** 지수 1 *, /, % 곱셈, 나눗셈, 계수 2 , - 덧셈, 뺄셈 3 <, >, ==, != 비교 4 && 논리 AND 5 ` `

우선순위의 예:

let num1 = 10;
let num2 = 3;
console.log(num1 + num2); // 13
console.log(num1 % num2); // 1
로그인 후 복사
로그인 후 복사
로그인 후 복사

우선순위를 제어하려면 괄호()를 사용하세요.

let age = 20;
console.log(age >= 18); // true
console.log(age === "20"); // false
로그인 후 복사
로그인 후 복사

오늘의 연습

  1. 산술 연산자를 사용하여 직사각형의 면적을 계산하는 프로그램을 작성하세요.
  2. 관계 연산자를 사용하여 두 숫자를 비교하고 두 숫자가 같은지 또는 하나가 더 큰지 기록합니다.
  3. 논리 연산자를 사용하여 사람이 투표할 자격이 있는지 확인하는 간단한 프로그램을 만듭니다.

3일차 요약

오늘 다룬 내용은 다음과 같습니다.

  1. 산술 연산자: 계산용.
  2. 관계 연산자: 비교용입니다.
  3. 논리 연산자: 조건 결합에 사용됩니다.
  4. 할당 연산자: 값을 할당하고 업데이트합니다.
  5. 표현식과 우선순위: 실행 순서를 이해합니다.

다음 단계

4일차에서는 조건문과 루프를 중심으로 JavaScript의 제어 흐름에 대해 알아봅니다. 2024년 12월 11일을 기대해주세요!

위 내용은 JavaScript의 연산자 및 표현식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿