[inflearn] javascript: 연산

eve·2023년 2월 6일
0

frontend

목록 보기
20/40

1. 할당연산과 증감연산

x = 4;
y = 3;
y++;
x--;

++는 변수에 할당된 값을 1만큼 더한다는 의미이다.
--는 변수의 값을 1만큼 감한다는 의미이다.

따라서, 해당 스니펫의 x값은 3이 되며, y값은 4가 된다.
--x, ++x 라고 작성해도 동일하게 1만큼 줄어들거나 증가한다.




2. 누적연산

다음의 스니펫에서 x값은 계속해서 연산된 결과대로 저장된다.

x = x + 2; // 최종 x값이 4였으므로, x값은 x + 2인 6으로 저장된다.
x += 2; // 최종 x값이 6이었으므로, x값은 x += 2 의 값인 8로 저장된다.



3. template literal

${} : 변수의 값을 텍스트 사이에 끼워넣는 표시

const year = 2023
document.write('지금은 ${year}년 입니다.')

  -> 지금은 2023년 입니다.

위와 같은 결과를 얻게 된다. {} 안에서 연산도 가능하다.




4. 비교연산

1️⃣ 부등호

var x, y;
x = 10;
y = 20;

document.write(x > y);

-> false

위와 같이 비교 연산을 할 경우, 출력하면 불리언의 참/거짓으로 표현된다.

2️⃣ 등호

var x, z;
x = 10;
z = '10';

document.write(${x == z});
document.write(${x === z});

위의 비교연산을 출력하면 다음과 같은 결과가 나온다.

x == z: true
x === z: false

이는 등호가 두 개인 경우에는 타입을 고려하지 않기 때문이다.
등호가 세 개인 경우, 문자열 10과 정수형 10이 같지 않다고 판별한다.

document.write(${x != 10})
	-> false

x값은 10이 맞기 때문에, 결과는 false로 나타나게 된다.

profile
유저가 왜 그랬을까

0개의 댓글