> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 연산자 이해

JavaScript 연산자 이해

Mary-Kate Olsen
풀어 주다: 2024-12-30 19:04:09
원래의
885명이 탐색했습니다.

Understanding JavaScript Operators

JavaScript에서 연산자는 값과 변수에 대한 연산을 수행하는 데 사용되는 특수 기호 또는 키워드입니다. 이를 통해 데이터를 조작하고 코드 흐름을 제어할 수 있습니다. 가장 일반적으로 사용되는 연산자 유형과 그 목적을 분석해 보겠습니다.

1️⃣ 할당 연산자 (=)

할당 연산자는 변수에 값을 할당하는 데 사용됩니다.
? 예:

let x = 10 // Assigns the value 10 to variable x
let y = 5 // Assigns the value 5 to variable y
로그인 후 복사

2️⃣ 산술 연산자

산술 연산자는 숫자에 대해 기본적인 수학 연산을 수행합니다.

  1. (추가)
  2. -(뺄셈)
  3. *(곱하기)
  4. /(구분)
  5. %(계수 - 나눗셈의 나머지)
  6. ** (지수화(ES2016))
  7. (증분)
  8. -- (감소)

? 예:

console.log("x + y = " + (x + y)) // Output: x + y = 15
console.log("x - y = " + (x - y)) // Output: x - y = 5
console.log("x / y = " + (x / y)) // Output: x / y = 2
console.log("x * y = " + (x * y)) // Output: x * y = 50
console.log("x % y = " + (x % y)) // Output: x % y = 0
console.log("(x**y) = " + (x**y)) // Output: (x**y) = 100000
console.log("(++x) = " + (++x)) // Output: (++x) = 11
console.log("(x++) = " + (x++)) // Output: (x++) = 11
console.log("(--y) = " + (--y)) // Output: (--y) = 4
console.log("(y--) = " + (y--)) // Output: (y--) = 4
로그인 후 복사

3️⃣ 비교 연산자

비교 연산자는 두 값을 비교하고 부울(true 또는 false)을 반환합니다. 이는 루프 및 분기문에서 자주 사용됩니다.

  1. == (같음)
  2. === (엄격히 동일함)
  3. != (같지 않음)
  4. !== (엄격히 같지 않음)
  5. < (미만)
  6. > (보다 큼)
  7. <= (작거나 같음)
  8. >= (보다 크거나 같음)

? 예:

console.log("(x == y) = " + (x == y)) // Output: (x == y) = false
console.log("(x != y) = " + (x != y)) // Output: (x != y) = true
// Compares datatypes also
console.log("(x === y) = " + (x === y)) // Output: (x === y) = false
// Compares datatypes also
console.log("(x !== y) = " + (x !== y)) // Output: (x !== y) = true
console.log("(x > y) = " + (x > y)) // Output: (x > y) = true
console.log("(x >= y) = " + (x >= y)) // Output: (x >= y) = true
console.log("(y < x) = " + (y < x)) // Output: (y < x) = true
console.log("(y <= x) = " + (y <= x)) // Output: (y <= x) = true
로그인 후 복사

4️⃣ 논리 연산자

논리 연산자는 논리 연산을 수행하고 부울 값(true 또는 false)을 반환하는 데 사용됩니다.

  1. &&(논리 AND)
  2. || (논리적 OR)
  3. ! (논리적 NOT)

? 예:

let isValidNumber = (x > 8 && 8 > y) // If both condition are correct returns true otherwise false
console.log("(x > 8 && 8 > y) = " + isValidNumber) // Output: (x > 8 && 8 > y) = true

let isValidCheck = (x > 20 || 8 > y) // If one of condition is correct returns true otherwise false
console.log("(x > 20 || 8 > y) = " + isValidCheck) // Output: (x > 20 || 8 > y) = true

let isValid = false
console.log("(!isValid) = " + !isValid) // Output: (!isValid) = true
로그인 후 복사

5️⃣ 문자열 연산자

연산자는 다목적이며 연결(두 문자열 결합)을 위해 문자열과 함께 사용할 수 있습니다. 숫자와 함께 사용하면 덧셈을 수행합니다.

? 예:

// Concatenation
console.log("Richa " + "webDev") // Output: Richa webDev 
// Addition
console.log(10 + 5) // Output: 15
로그인 후 복사

6️⃣ 삼항 연산자(? :)

삼항 연산자는 조건부 검사를 수행하는 간결한 방법입니다. 조건이 참이면 하나의 값을 반환하고, 거짓이면 다른 값을 반환합니다.
? 구문:

condition ? valueIfTrue : valueIfFalse;
로그인 후 복사

? 예:

const isEven = 10 % 2 === 0 ? "Number is even" : "Number is old"
console.log("isEven = " + isEven) // Output: isEven = Number is even
로그인 후 복사

? 두뇌티저

num , --num 및 num-- 작업과 관련된 코드 조각의 출력 결과가 21인 이유를 설명하세요. 아래에 설명을 적어주세요.

let num = 20
console.log("num = " + num) // Output: (++num) = 21
console.log("(++num) = " + (++num)) // Output: (++num) = 21
console.log("(num++) = " + (num++)) // Output: (num++) = 21
console.log("(--num) = " + (--num)) // Output: (--num) = 21
console.log("(num--) = " + (num--)) // Output: (num--) = 21
로그인 후 복사

출력:

num = 20
(++num) = 21
(num++) = 21
(--num) = 21
(num--) = 21
로그인 후 복사

결론

JavaScript 연산자는 효과적이고 효율적인 코드를 작성하는 데 도움이 되는 기본 구성 요소입니다. 이를 마스터하면 간단한 할당부터 복잡한 논리적 확인까지 광범위한 작업을 수행할 수 있습니다. 이들 연산자를 실험해 보면 그들의 행동을 더 잘 이해할 수 있습니다!
즐거운 코딩하세요 ✨

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

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