Frontend/JavaScript
[Javasciprt] 객체 Object
SOLYI
2021. 10. 27. 15:53
- 객체 Object
- 참조 URL :https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object
Object - JavaScript | MDN
Object 생성자는 객체 래퍼(wrapper)를 생성합니다.
developer.mozilla.org
- 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()
반응형