JavaScript의 중첩 구조 평탄화하기: flat()과 Object.entries() 활용법

자바스크립트의 객체와 배열은 모두 객체 안에 객체 배열 안에 배열과같은 이중구조를 가질 수 있다.

const Object = {
	name: 철수,
    age: 28,
    hobby :{
    	game:LoL
        sports:Soccer
    }
}
const Array = [ [4,5,6],[1,2,3] ]

이러한 구조를 flat 매서드를 통해서 하나의 배열로 전환시킬 수 있는데 아래 예제를 통해서 알아보겠다. 객체의 경우 flat 매서드 사용이 불가능하지만 Object.entrise 매서드로 배열로 바꿀 수 있다.

const Array = [ [4,5,6],[1,2,3] ]
const newArr = Array.flat()
console.log(newArr) // [ 4, 5, 6, 1, 2, 3 ]

const Object = { a: 1, b: 2, c: 3 }
const entries = Object.entries(Object)
console.log(entries) // [ ['a', 1], ['b', 2], ['c', 3] ]

// entries 결과를 flat()으로 처리하면
const flatEntries = entries.flat()
console.log(flatEntries) // [ 'a', 1, 'b', 2, 'c', 3 ]