[JS] 자바스크립트 데이터

1. 원시형

문자열

const string1 = "hello"
const string2 = `hello ${string1}`

• 큰 따옴표, 작은 따옴표 : 그냥
• 백틱 : 보간 처리 (문자열 내에 변수나 표현식을 사용)
  • 템플릿 리터럴 : 내장된 표현식을 허용하는 문자열 리터럴

숫자

const number = 123
const pi = .14

• NaN : 숫자 연산에서 숫자가 아닌 다른 값이 포함되어있을 때
• 부동소수 : float 덧셈에서 오류 발생
  -toFixed 메서드 : 소수점 n째 자리까지 남김 (string으로 반환)
  -console.log(Number((0.1+0.2).toFixed(1)))

Boolean, null, undefined

• Boolean : true / false
• null : 값이 존재하지 않음 (명시적)
• undefined : 값이 할당되지 않았을 때 (암시적)
  • 할당되지 않은 변수를 호출해도 오류는 안남

2. 참조형

배열

const fruits = new Array('요소1', '요소2')
const fruits2 = ['요소1', '요소2']  

• new Array() : 생성자 함수
• [] : 배열 리터럴
• 인덱싱 : fruits[i]
• 요수 개수 : fruits.length

Object 객체

const user = new Object()
user.name = 'gaji'
user.age = 100

funtion User() {
    this.name = 'gaji'
    this.age = 100
}

const user = {
    name = 'gaji',
	age = 100
}

• key(속성, property) : value(값) 형태로 형성
• key로 값을 조회 : user['name'] , user.name
  • user.name : 변수로는 값을 조회할 수 없음
• key의 순서는 저장되지 않음

const userB = {
    name = 'gaji',
	age = 100
  	parent = user 
}

• 객체 속의 객체 값 조회 : userB.user.name , userB['parent']['name']
• 배열 안에 객체 넣기 : [user, userB]

Fuction

• 함수 호출 (call) : 함수를 실행 hello()

• 함수 데이터 자체를 조회 : () 없이 사용 console.log(hello)

• JS에서 함수도 자료형이 됨

• 익명 함수 : getNumber 변수에 함수 데이터 저장

const getNumber = funtion () {
	return 123
}

3. 형 변환

• 동등 연산자 == : Type이 달라도 됨 (사용 권장 X)
• 일치 연산자 === : Type이 같아야 함

4. 참 거짓

• 거짓에 해당하는 데이터
  • false , 0 , null , undefined , NaN , '' , 0n

5. 데이터 타입 확인

• typeof 데이터
• [] , {} 의 타입 확인 : .constructor
• null 의 타입 확인 : Object.prototype.toString.call(data).slice(8, -1)