본문 바로가기
Frontend/JavaScript

[Javasciprt] 객체 Object

by SOLYI 2021. 10. 27.
 

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()

 

반응형