728x90
🚨 JS 데이터 API / Object
🌲 Object 객체
*참조형 데이터, 가변
🚨 Static Method 정적 메소드
정적 메소드 static method는 prototype에 정의되어 있지 않음
중괄호를 쓰는 object 객체데이터 뒤 .assign()형태로 올 수 없음
📍 Object.assign()
열거할 수 있는 하나 이상의 출처 객체(source)로부터 대상 객체(target)로 속성을 복사할 때 사용, 대상 객체를 반환함
대상 객체(target)과 Object.assign()은 동일하다.
const target = { a: 1, b: 2 }
const source = { b: 4, c: 5 }
const returnedTarget = Object.assign(target, source)
console.log(returnedTarget) // { a: 1, b: 4, c: 5 }
console.log(target === returnedTarget) // true
📍 Object.keys()
객체데이터의 속성(key)를 새로운 배열로 불러오는 메소드
응용법 : 속성의 값(value)를 인덱싱하는 방법으로 가져올 수 있음
const user = {
name : 'kim',
age : 99,
email : 'siot@mail.com'
}
const keys = Object.keys(user)
console.log(keys) // ['name', 'age', 'email']
console.log(user['email']) // 인덱싱
const values = keys.map(key => user[key])
console.lgo(values) // ['kim', 99, 'siot@mail.com']
728x90
'FE' 카테고리의 다른 글
전개연산자 Spread, 아이템을 전개하는 방법 (0) | 2021.11.13 |
---|---|
객체 데이터, 배열 데이터의 구조 분해 할당 (0) | 2021.11.12 |
JS 데이터 API / Array 메소드 (0) | 2021.11.12 |
JS 데이터 API / String, Number, Math (0) | 2021.11.07 |
일반 함수와 화살표 함수가 this를 정의하는 범위 (0) | 2021.11.07 |