자료형

원시형

숫자형

• 정수 및 부동소수점 숫자
• NaN: Not a Number

문자형

"", '', ``으로 표현 가능

불린

null

명시적으로, 의도적으로 값이 없음을 말함

undefined

symbol

BigInt

길이 제한이 없는 정수

참조형

배열

배열의 아이템, 요소라고 부름

객체

객체의 멤버(속성과 메소드)에 접근할 때에는 점 표기법과 대괄호 표기법을 통해 접근할 수 있다.

const Tiffany = {
  "name": "jiwoo",
  "age": 28,
}
const Hana = {
  "name": "hyewon",
  "age": 27,
  "friend": Tiffany // 위에서 사용한 변수이므로 ""안에 쓰지 않기
}
console.log(Hana.name)//'hyewon'
console.log(Hana["name"])//'hyewon'
//체이닝 가능
console.log(Hana.friend.name) //'jiwoo'
console.log(Hana["friend"]["name"])//'jiwoo'

delete Hana.age // 속성 삭제

함수

자바스크립트에서 함수는 1급 객체로, 하나의 값이다.
변수/인수 가능하고, 반환이 가능하다(return 값 안 쓰면 undefined)

a() // a
b() // Uncaught ReferenceError: b is not defined
//함수선언 -> 호이스팅에 영향을 받음
function a(){
	console.log("a")
}
//함수표현 -> 호이스팅에 영향 받지 않는다
const b = function (){
	console.log("b")}

Truthy vs Falsy

truthy

falsy 8개 제외한 모~~든 것
1, 123, [](빈 배열), {}(빈 객체), function, ....

falsy

딱 8개! false, null, undefined, bigint, 0,-0,NaN,""(빈 문자열)

형 변환(type conversion)

== 동등연산자

두 연산자의 값이 서로 같으면 true를 반환한다.
타입이 다를 경우, 비교를 위해 강제적으로 형 변환이 일어남

const a = 1
const b = '1'
console.log(a == b) //true
0 == false // true
1 == true // true

=== 일치연산자

형(type)과 값 모두 일치해야 함

1 === '1' //false
1 === 1 //true
0 === false // false

자료형 확인

typeof

typeof "1" //string
typeof 1//number
typeof true//boolean
typeof null//object
typeof undefined // undefined
typeof symbol //symbol
typeof 123n // bigint
typeof [array] // object
typeof {object} //object
typeof function(){} // function

// Object.prototype.toString.call(DATA) 
// '[object TYPE]'
function checkType(d) {
  return Object.prototype.toString.call(d).slice(8, -1)
}
console.log(checkType(data.string)) // 'String'
console.log(checkType(data.number)) // 'Number'
console.log(checkType(data.boolean)) // 'Boolean'
console.log(checkType(data.null)) // 'Null'
console.log(checkType(data.undefined)) // 'Undefined'
console.log(checkType(data.symbol)) // 'Symbol'
console.log(checkType(data.bigint)) // 'BigInt'
console.log(checkType(data.array)) // 'Array'
console.log(checkType(data.object)) // 'Object'
console.log(checkType(data.function)) // 'Function'