자바스크립트 논리형

1️⃣ 논리형

• 논리형(boolean)은 참(true)과 거짓(false)을 나타내는 자료형입니다.

• 비교 연산은 결과로 논리형을 반환합니다.

const a = 5;
const b = 2;
console.log(a > b);

// 결과
true

const a = 5;
const b = 2;
console.log(a < b);

// 결과
false

 

 

 

⚠️ 여기서 잠깐!

• 결과를 변수에 담아서 사용할 수도 있습니다.

const a = 10;
const b = 5;

// a가 b보다 큰지 비교
const isAGreaterThanB = a > b; // true
console.log(isAGreaterThanB);

// 결과
true

• 14강에서 배울 조건문에서 활용할 수 있습니다.

const a = 10;
const b = 5;

const isAGreaterThanB = a > b; // true

// 조건에 따라 다른 동작 수행
if (isAGreaterThanB) {
  console.log('a는 b보다 큽니다.');
} else {
  console.log('a는 b보다 크지 않습니다.');
}

// 결과
a는 b보다 큽니다.

 

 

2️⃣ typeof 연산자

typeof operand;

• typeof 연산자는 피연산자의 자료형(데이터 타입)을 문자열로 반환합니다.

const str = 'JavaScript';
console.log(typeof str);

// 결과
string

const num = 5;
console.log(typeof num);

// 결과
number

const bool = true;
console.log(typeof bool);

// 결과
boolean

let undef; // 초기화 안 함
console.log(typeof undef);

// 결과
undefined

 

3️⃣ undefined와 null

• undefined와 null 모두 값이 없음을 나타내지만 구체적인 의미가 다릅니다.

 

undefined

• undefined는 아직 값이 할당된 적이 없음을 나타냅니다.

• 변수 선언 후 초기화하기 전에 시스템이 자동으로 할당하는 변수의 기본값입니다.

let foo;
console.log(foo); 

// 결과
undefined

console.log(typeof undefined); 

// 결과
undefined

 

null

• null은 ‘값이 없음’을 나타내기 위해 개발자가 명시적으로 할당하는 값입니다.

• ‘빈 값’ 또는 ‘유효하지 않은 값’을 설정할 때 사용합니다.

let bar = null;
console.log(bar);

// 결과
null

console.log(typeof null); 

// 결과
object

• null의 타입이 object로 표시되는 것은 언어 설계 초기의 버그 때문입니다.

• 변수의 값이 null인지 확인할 때는 일치 연산자( === )로 null과 같은지 명시적으로 확인합니다.

 

 undefined  : 변수를 선언하고 값을 지정하지 않았을 때 자동으로 부여 되는값.

null : 값이 없다.

 

undefined 값이 할당된적이 없다. 자동으로 지정

null : 자동으로 지정하는게 아니고, 값을 지우고 싶을때 사용, 의도적으로 매기는 값임