JavaScript 자료형 기초

boolean

// 불린 (boolean)

console.log(2 === 2) // true
console.log(2 !== 2) // false

console.log('abc' === 'abc') // true

console.log(true && true) // true
console.log(true && false) // false
console.log(false && true) // false
console.log(false && false) // false

console.log(true || true) // true
console.log(true || false) // true
console.log(false || true) // true
console.log(false || false) // false

console.log(!true) // false
console.log(!false) // true

typeof 연산자

// typeof 연산자
console.log(typeof 101) // number
console.log(typeof 'abc') // string
console.log(typeof true) // boolean

console.log(typeof 5) // number
console.log(typeof 5.02) // number
console.log(typeof '5') // string
console.log(typeof "5") // string
console.log(typeof `5`) // string

let name = 'abc'
function sayHello() {
  console.log('Hello')
}

console.log(typeof name) // string
console.log(typeof sayHello) // function

console.log(typeof 'abc' + 'def') // stringdef
console.log(typeof 3 - 2) // Nan (not a number)

console.log(typeof ('abc' + 'def')) // string
console.log(typeof (3 - 2)) // number

형 변환(Type Conversion)

// 형 변환(Type Conversion)
console.log('10' + '5') // 105
console.log(10 + 5) // 15

// String, Number, boolean
console.log(Number('10') + Number('5')) // 15
console.log(String(10) + String(5)) // 105

// 숫자 -> 문자
let x = 345
console.log(x) // 345
console.log(String(x)) // 345
console.log(typeof x) // number
console.log(typeof String(x)) // string

// 불린 -> 문자
let y = true
console.log(y) // true
console.log(String(y)) // true
console.log(typeof y) // boolean
console.log(typeof String(y)) // string

// 문자 -> 숫자
let a = '123'
console.log(a) // 123
console.log(Number(a)) // 123
console.log(typeof a) // string
console.log(typeof Number(a)) // number

// 불린 -> 숫자
let b = true
console.log(b) // true
console.log(Number(b)) // 1
console.log(typeof b) // boolean
console.log(typeof Number(b)) // number

let c = false
console.log(c) // false
console.log(Number(c)) // 0
console.log(typeof c) // boolean
console.log(typeof Number(c)) // number

console.log('------------')
// 문자 -> 불린
let d = '문자'
console.log(d) // 문자
console.log(Boolean(d)) // true
console.log(typeof d) // string
console.log(typeof Boolean(d)) // boolean

let e = ''
console.log(e) //
console.log(Boolean(e)) // false
console.log(typeof e) // string
console.log(typeof Boolean(e)) // boolean

// 숫자 -> 불린
let f = 234
console.log(f) // 234
console.log(Boolean(f)) // true
console.log(typeof f) // number
console.log(typeof Boolean(f)) // boolean

let g = 0
console.log(g) // NaN
console.log(Boolean(g)) // false
console.log(typeof g) // number
console.log(typeof Boolean(g)) // boolean

let h = NaN
console.log(h) // Nan
console.log(Boolean(h)) // false
console.log(typeof h) // number
console.log(typeof Boolean(h)) // boolean

// '', 0, NaN 은 boolean으로 형 변환하면 false (falsy값)

자동 형 변환

// 자동 형 변환
// 산술 연산
console.log(4 + '3') // 42, 더하기 기호는 문자열이 우선
console.log(4 + 3) // 7
console.log(4 - true) // 3
console.log(4 * false) // 0
console.log(4 / '2') // 2
console.log('4' ** true) // 4
console.log(4 % 'two') // NaN, NaN은 어떤 값과 연산을 해도 NaN이 나온다

// 관계 비교 연산
console.log(3 < '4') // true
console.log(3 > true) // true
console.log('3' <= false) // false
console.log('two' >= 1) // false, 'two'는 NaN이므로 비교가 불가해서 false

// 같음 비교 연산 (일치 비교는 형 변환(X), 동등 비교는 형 변환(O))
// 보통은 '===' 일치 비교를 한다.
console.log(1 === '1') // false, 일치, 불일치(!==)
console.log(1 === true) // false
console.log(1 == '1') // true, 동등, 부등(!=)
console.log(1 == true) // true

템플릿 문자열(template strings)

// 템플릿(template): 일정한 틀, 형식
let year = 2021
let month = 7
let day = 3

console.log('이 글을 작성한 날은 ' + year + '년 ' + month + '월 ' + day + '일 입니다.') // 이 글을 작성한 날은 2021년 7월 3일 입니다.
console.log(`이 글을 작성한 날은 ${year}년 ${month}월 ${day}일 입니다.`) // 이 글을 작성한 날은 2021년 7월 3일 입니다.

let myNumber = 5

function getTwice(x) {
  return x * 2
}

console.log(`${myNumber}의 두 배는 ${getTwice(myNumber)}입니다.`) // 5의 두 배는 10입니다.

null과 undefined

// null과 undefined
// null은 의도적으로 값이 없다는 것을 표현할 때 사용하는 값
// undefined는 값이 없다는 것을 확인하는 값

let myVar
console.log(myVar) // undefined
myVar = null
console.log(myVar) // null

console.log(null == undefined) // true
console.log(null === undefined) // false