js 데이터 (자료형, Date Type)

원시형

1. 문자 (String)
2. 숫자 (Number)
3. 불린 (Boolean)
4. null
5. undefined
6. 심볼 (Symbol)
7. 큰정수 (BigInt)

문자

따옴표로 묶어 있어야 함

'pansik'
"pansik"
`pansik` //보간 ${}

숫자

Not-A-Number - 숫자 데이터 / 숫자로 표시가 불가!
NaN

0.000023
23
-23
NaN

불린 (Boolean)

true
false

null

'존재하지 않는', '비어 있는', '알 수 없는' 값을 명시적으로 나타냄

undefined

'값이 할당되지 않은 상태'를 암시적으로 나타냄

심볼

유일한 식별자(ID)

const s = SymBol('Hello world!') // 설명

const user = {
  name: 'Kimchaewook',
  [s]: 25
}

console.log(user.name)
console.log(user[s])

BigInt

지수, 큰(Big) 정수(Integer)

참조형

1. 배열 (Array)
2. 객체 (Object)
3. 함수 (Function)

배열

Array (배열 데이터)
여러 데이터를 순차적으로 저장합니다 [ ]

let fruits = ['Apple', 'Banana', 'Cherry'];

console.log(fruits[0]); // Apple 
console.log(fruits[1]); // Banana 
console.log(fruits[2]); // Cherry

객체

Object (객체 데이터)
여러 데이터를 Key:value 형태로 저장합니다 { }

let user = {
name: 'apple',
age: 450,
isValid: true
}

console.log(user.name); // 'apple'
console.log(user.age); // 450
console.log(user.isValid); // true

함수

함수 function
특정 동작(기능)을 수행하는 일부 코드의 집합체

split : 문자를 인수 기준으로 쪼개서 배열로 반환

reverse : 배열을 뒤집기.

join : 배열을 인수 기준으로 문자로 병합해 반환.

const b = a.split ('').reverse().join(''); // 메소드 체이닝

형(Type)변환

명시적인 변환과 암묵적인 변환이있다

명시적인 Number(들어갈 데이터) 와 String(들어갈 데이터)

암묵적인 변환 +"1"붙혀주면 숫자로 바뀐다

const a = 1
const b = '1'

console.log(a === b) 

// 일치 연산자: 데이터 형 까지 보는 것 false

console.log(a == b) 

// 동등 연산자: 값만 보는 것 true

Truthy & Falsy

특정 값은 true를 나타내고 어떤 값은 false를 나타낸다

아래 Falsy제외한 나머지는 true값이다.

Falsy

if (false)
if (null)
if (undefined)
if (0)
if (-0)
if (NaN)
if (0n)
if ('') // 공백 문자

자료형 확인

1. typeof 데이터
2. 데이터.constructor
3. Object.prototype.toString.call(데이터)

변수

1. const

• 유효범위: 블록 레벨
• 재할당: X
• 중복 선언: X
• 호이스팅(Hoisting): X
• 전역 등록: X

2. let

• 유효범위: 블록 레벨
• 재할당: O
• 중복 선언: X
• 호이스팅(Hoisting): X
• 전역 등록: X

3. var (모던 자바스크립트에서 사용 안하는것을 권장)

• 유효범위: 함수 레벨
• 재할당: O
• 중복 선언: O
• 호이스팅(Hoisting): O
• 전역 등록: O

• 유효범위(Scope)
• 재할당
• 중복 선언
• 호이스팅(Hoisting)
• 전역(Global) 선언시 전역 객체(window)의 속성으로 등록