[책] 자바스크립트 코드 레시피 278 - 3일차

두 개의 값 비교하기

두 데이터의 값을 비교하는 비교 연산자의 반환값은 참(true) 또는 거짓(false) 입니다.

설명

A == B A, B의 값이 같아?
A === B A, B의 값과 데이터 타입이 같아?
A != B A, B의 값이 다르지?
A !== B A, B의 값과 데이터 타입이 다르지?
A < B A가 B보다 작아?
A <= B A가 B보다 작거나 같아?
A > B A가 B보다 커?
A >= B A가 B보다 크거나 같아?

두 개의 값 비교하는 비교 연산자의 반환값은 true false 입니다.

실습

  console.log('사과' == '사과'); // 값이 같으므로 true 반환
  console.log(10 < 30); // true
  console.log(20 >= 30); // true

배열과 객체 등의 타입 비교

  const array01 = [1, 2, 3];
  const array02 = [1, 2, 3];
  console.log(array01 === array02);

결과는 false 나옵니다. 배열의 데이터값은 같지만 서로 다른 곳에 할당이 되어서 false 나옵니다.
각 상수명들이 할당이 되어있는 데이터값이 다릅니다.

---

✔ 이번에는 할당했던 배열의 데이터값을 다른 상수명에 할당해서 비교해보겠습니다.

  const array01 = [1, 2, 3];
  const array02 = array01;
  console.log(array01 === array02);

결과는 true 나옵니다. 배열의 데이터값으로 할당했던 상수명을 다른 상수명에 할당하면 데이터값이 같으니까 true 나옵니다.
상수명이 다르지만 데이터값이 똑같습니다.

==와 === 차이점

자바스크립트의 데이터는 숫자와 문자열 등의 타입이 있습니다.
== 를 사용한 비교는 타입 비교하지 않습니다.
=== 를 사용한 비교는 타입까지 비교합니다.

실습

  console.log(10 == '10');

== 타입까지 비교하지 않아서 true 반환이 됩니다.

  console.log(10 === '10');

=== 타입까지 비교해서 false 반환이 됩니다.

대입 연산자 사용하기

• 계산식을 간략히 나타내고 싶을 때
  대입할 때 사용하는 기호인 = 는 대입 연산자라고 합니다.

설명

x = y 의미는 x = y
x += y 의미는 x = x + y
x -= y 의미는 x = x - y
x *= y 의미는 x = x * y
x **= y 의미는 x = x ** y (거듭제곱)
x /= y 의미는 x = x / y
x %= y 의미는 x = x % y

실습

  let a = 10;
  let b = 20;
  a += b; // a = a + b와 같은 의미
  console.log(a);

  let c = '자바';
  let d = '스크립트';
  c += d; // c = c + d와 같은 의미
  console.log(c);

  let e = 2;
  let f = 5;
  e *= f; // e = e * f와 같은 의미
  console.log(e);

실습+

  let a = 7;
  a/=5;
  console.log(a); // 1.4;

• a/=5; 풀어서 나타내면 a = a / 5;
• a = a / 5; 수학으로 나타내면 5 나누기 a 는 값
• 그림으로 나타내면 (아래 그림)
  

나만의 팁

예를 들어서 x += y 해석하기 어려우면 x = x + y 도 사용해도 괜찮지만
그래도 x += y 알고 있으면 좋겠습니다.