- 객체 Object
- 참조 URL :https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object
- assign keys values
// Object.prototype... prototype안붙어 있으면 정적 메서드
// [].reverse() 는 가능하지만 {}.assign()은 불가능하다.
const userAge = {
name: 'solyi',
age: 31
}
const userEmail = {
name: 'solyi',
email: 'solyi@solyi.kr'
}
// assign(타겟, 소스)
console.group('@ assgign(타겟, 출처 객체) 타겟에 소스를 더한다. 복사하는 용도! ')
const target = Object.assign(userAge, userEmail)
console.log(target) // name, age, email
console.log(userAge) // name, age, email
console.log(target === userAge) // true
console.groupEnd()
// keys
console.group('@ keys(객체) 객체의 Key,value의 key값들을 배열로 출력 ')
console.log('@ values 는 keys.map으로 구할 수 있음!')
const user = {
name: 'solyi',
age: 31,
email: 'solyi@solyi.kr',
emails: []
}
const keys = Object.keys(user)
console.log(keys) // [ name, age, email ]
console.log(user['email']) // solyi@solyi.kr
const values = keys.map(key => user[key]) //배열의 갯수만큼 콜백함수를 실행
console.log(values) // ['solyi', 31, 'solyi@solyi.kr']
console.groupEnd()
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[Javascript] Named Export / export default (0) | 2021.10.29 |
---|---|
[Javascript] 구조 분해 할당(배열,객체) / 전개 연산자 / 데이터 불변성 / 얕은복사와 깊은 복사 (lodash deepClone) (0) | 2021.10.27 |
[Javascript] 배열 Array (0) | 2021.10.27 |
[Javascript] 문자열 / 숫자와 수학 (0) | 2021.10.27 |
[JavaScript] 생성자 함수 / this / es6 class / 상속 / 확장 (0) | 2021.10.26 |