자바스크립트 연산자

자바스크립트 연산자 


1. +=

let z = 10;
z += 5;

위에서 += 는 z = z + 5랑 같은 말이다.
15가 출력 

let text1 = "what a very";
text1 += "nice day";

text1 = text1 + "nice day";랑 동일
what a  very nice day가 출력 

2.자바스크립트 ==와 ===는 다르다.

==는 단순히 변수 값을 기반으로 유형을 체크하는 반면에,
===는 변수 유형까지 체크한다


#예제

-숫자와 불리언 비교

//0값은 false와 동일하므로 -> true 출력
0 == false // true 

두 피연산자의 유형이 다르기 때문에 -> false 출력
0 === false // false
console.log(typeof 0); // expected output : number
console.log(typeof false); // expected output : boolean

-숫자와 문자열 비교

자동 유형변화
2 == "2" // expected output : true;

두 피연산자의 유형이 다르기 떄문에 -> false
2 === "2" // expected output : false
console.log(typeof 2); // expected output : number
console.log(typeof "2"); // expected output : string

-null 이랑 undefined 비교시
null == undefined // expected output : true
null === undefined // expected output : false 
console.log(typeof null); // expected output : object
console.log(typeof undefined); // expected output : undefined


- !=와 !==의 차이
// 유형만 비교하니까 false로 나옴 
2 != "2" // expected output : false
// 유형 + 자료형 다 비교하니까 true 
2 !=="2" // expected output : true


정확한 비교를 위해 보통 === 연산자를 더 많이 사용한다. 

 

출처

 

https://velog.io/@filoscoder/-%EC%99%80-%EC%9D%98-%EC%B0%A8%EC%9D%B4-oak1091tes

자바스크립트: '==' 와 '===' 는 다르다!

 

 

3.x++, x--

 

x++

1씩 증가

let x = 5;
x++;
let z = x;

z는 6

 

x--

1씩 감소

let x = 5;
x--;
let z = x;

z는 4

 

 

 

4. ** 거듭제곱

let x = 5;
let z = x ** 2;
뒤에 있는 숫자가 거듭제곱의 횟수이다
따라서 5 * 5 = 25
z는 25

x** y 는 Math.pow(x,y)와 동일하다

let x = 5;
let z = Math.pow(x,2);
z는 5*5 = 25