JavaScript의 연산자

Credit : Tanmay Sankalp

연산자: 연산자는 피연산자에 대해 일종의 연산/기능을 수행하는 기본적인 수학 기호입니다.

3 + 5 = 8

3,5 is Operand

+,= is Operator

주제

기본 연산자

더하기 + , 곱하기 * , 빼기 - , 나눗셈(몫) /

let a = 10;
let b = 5;

console.log(a+b); // Output : 15

console.log(a*b); // Output : 50

console.log(a-b); // Output : 5

console.log(a/b); // Output : 2

나머지 % , 지수 **

let a = 4;
let b = 2;

console.log(a%b); // Output : 0

console.log(a**b); // Output : 16

+ 연산자의 특별한 사용. 문자열 연결에도 사용됩니다. ES6 버전에서 Backticks( )가 도입된 후. 그렇게 자주 사용되지는 않습니다.

참고: +는 피연산자를 문자열로 변환하는 특수 기능이 있습니다. 다른 연산자는 숫자로만 작동합니다.

console.log("Vansh " + " Sharma") // Output "Vansh Sharma"

console.log('5' + 1) // Output "51"

console.log(2+'2'+'1') //Output "221"

비교 연산자

이들은 두 값을 비교하는 데 사용되는 연산자입니다. 비교 연산자는 항상 결과를 부울 형식으로 반환합니다. true('예', '맞음'을 의미), false('아니요', '틀림'을 의미). JavaScript는 값을 숫자로 변환하므로 항상 엄격한 비교를 사용하십시오.

보다 큼 > , 보다 작음 < , 보다 크거나 같음 >= , 보다 작거나 같음 <

console.log(5 > 4); // Output true

console.log(5 < 4); // Output false

console.log(5 >= 4); // Output true

console.log(5 <= 5); // Output true

Double Equals ==는 값만 비교하고 Triple Equals ===는 값과 데이터 유형을 모두 비교합니다. Not Equal != / !== 항상 후자를 사용하는 것이 좋습니다.

console.log(5 == "5") // Output true because it compared 5 with 5

console.log(5 === "5") // Output false because it compared number(5) with string(5)

console.log(5 !== "5") // Output true because it compared number(5) with string(5)

문자열 비교

console.log('Z' > 'A') // true
console.log('l' > 'm') // false
console.log('k' > 'Z') // true

기억할 점

console.log(null == undefined) // true
console.log(null === undefined) // false
console.log(null == 0) // false
console.log(null <= 0) // true becasue null gets converted into 0

삼항 연산자?

small if 코드의 대안으로 사용됩니다.

참고: if 연산자의 완전한 대안으로 사용하지 말고 작은 if 코드 표현식에만 사용하십시오.

Syntax:

let result = condition ? value1(if condition is true) : value2(if condition is not true


let a, b;
a = 5;
b = 7;

let finalAnswer =
  a > b ?'a is greater than b' : ' a is less than b';

  console.log(finalAnswer) // a is less than b

논리 연산자

|| (또는)

console.log(5 || 0); // 5 ( only truthy value)

console.log(0 || null || undefined || 3); // 3 ( only truthy value)

console.log(undefined || 0 || null); // null ( if all are false return the last value)

&& (그리고)

console.log(5 && 0); // 0 (only falsy value)

console.log(1 && null && 5); // null (only falsy value)

console.log(5 && true && 3); // 3 (if all are true returns the last value)

! (아니다)

console.log(!0) // true (because inverse of 0( false) is true)

console.log(!5) // false (because inverse of 5( true) is false)

console.log(!" ") // false (because " " is not empty string so inverse is false)

?? Nullish 병합 연산자

console.log(null ?? undefined ?? 1) // 1 returns the defined value

console.log(0 ?? 1) // 0 because ?? consider 0 as defined value

console.log(0 || 1) // 1 because || consider 0 as falsy value

기억할 점

console.log("" || 5) // 5 (because empty string is 0 (falsy))

console.log(" " || 5) // " " here output is blank space even space is consider as non-empty

console.log( null || 2 && 3 || 4 ) // 3 because precedence of && is higher than that of || )

참고문헌