Javascript:: 객체의 키와 값을 배열로 얻기(Object.keys(), Object.values(), filter, map으로 새로운 데이터 생성 etc.)

객체

const obj = {
	a: 'hello',
    b: 30,
    c: true,
    d: {}
};

• 예시로 하나의 객체를 만들었다.

 

Object.keys() 

console.log(Object.keys(obj)); // ['a', 'b', 'c', 'd']

• 키를 배열로 얻는 코드이다.

 

Object.values() 

console.log(Object.values(obj)); // ['hello', 30, true, {…}]

• 값을 배열로 얻는 코드이다.

 

filter와 map을 사용하여 json 형태의 데이터로 변환하기

const obj = {
	a: 'hello',
    b: 30,
    c: true,
    d: {}
};

this.feature = []; // 새로 생성할 객체 선언

Object.keys(obj)
    .filter(key => key != 'geometry') // filter를 사용하여 조건에 따른 필터링
    .map(key => this.feature.push({ // feature 객체에 원하는 값 push
      key: key, // `키: 값` 형태로 데이터 넣어준다.
      value: data[key]
    }));

 

 

 

 

 

참고자료

• http://www.gisdeveloper.co.kr/?p=11005