[개발 공부]/[자바스크립트]

[자바스크립트] javascript Object.keys() 사용하기

wild keyboardist 2022. 4. 21. 22:53

[자바스크립트] javascript Object.keys() 사용하기

 

 

 

 

 

 

 

 

자바스크립트 객체를 배열로 변환해주는 메소드!

 

객체의 key 로만 이루어진 배열을 반환한다.

 

 

 

 

 

 

 

 

[사용법]

 

var son = {
    name : 'Son',
    age  : 30,
    position  : 'forward',
    team : 'Spurs'
}


Object.keys(son);

//  결과값 :
//  ['name', 'age', 'position', 'team']



//  응용해보기!
//  결과값 안에 'team' 만 골라내려면 Array함수 중, find 를 사용

var temp = Object.keys(son).find(el => el == 'team');

//  temp 의 값은 'team'

 

 

 

 

 

 

 

 

[간단설명]

 

객체의 key 값에만 접근하고 싶을 때 사용한다.

Object 에서는 사용할 수 없는 자바스크립트 Array 메소드를(forEach(), find(), filter()... 등) 사용하고자 할 때

Object 를 Array 로 변환시키기에 유용하다.

 

 

 

 

 

 

 

 

 

 

 

[주의]

 

  • {key : value} 값이 모두 필요하다면 Object.entries() 를 사용하는게 더 낫다.
  • value 값에만 접근하고 싶다면, Object.values() 를 사용한다.

 

 

 

 

 

 

 

 

 

 

 

 

 

객체의 value 값만 필요하다면,

https://devinserengeti.tistory.com/27?category=901017

 

[자바스크립트] javascript Object.values() 사용하기

[자바스크립트] javascript Object.values() 사용하기 자바스크립트 객체를 배열로 변환해주는 메소드! 객체의 value 로만 이루어진 배열을 반환한다. [사용법] var son = { name : 'Son', age : 30, position : '..

devinserengeti.tistory.com

 

 

 

객체의 key, value 값이 모두 필요하다면,

https://devinserengeti.tistory.com/25?category=901017

 

[자바스크립트] javascript Object.entries() 사용하기

[자바스크립트] javascript Object.entries() 사용하기 자바스크립트 객체를 배열로 변환해주는 메소드! 객체의 {key : value} 형식을 배열 형태의 [key, value] 로 변환하여 준다. [사용법] var son = { name..

devinserengeti.tistory.com