[ Javascript ] 객체배열에 값만 포함하는 배열 만들기

객체배열에 키를 빼고 값만 가져와서 배열을 만드는 방법입니다.

 

.JS

const data = [
  { user: '123' },
  { user: '456' }
];

위와같은 배열 안에 있는 값인 '123'과 '456'만 빼서 배열로 만드는 방법입니다.

 

원하는 형태

['123', '456']

 

.map을 사용한 방법

const flatArray = data.map(item => item.user);

console.log(flatArray); // ['123', '456']

 

.flatMap을 사용한 방법

const flatArray = data.flatMap(item => item.user);

console.log(flatArray); // ['123', '456']

 

.reduce를 사용한 방법

const flatArray = data.reduce((acc, item) => {
    acc.push(item.user);
    return acc;
}, [] as string[]);

console.log(flatArray); // ['123', '456']

 

.forEach를 사용한 방법

const flatArray: string[] = [];

data.forEach(item => {
    flatArray.push(item.user);
});

console.log(flatArray); // ['123', '456']

 

.map + spread operator를 사용한 방법

const flatArray = [...data.map(item => item.user)];

console.log(flatArray); // ['123', '456']