Object.entries(), Object.fromEntries()

Hunter Joe·2024년 10월 6일
0
post-custom-banner

Object.entries()

Object.entries(obj): 인자로 받은 객체의 key-value쌍을 배열로 반환
배열의 각 요소는 [key, value] 형태

for...of루프를 사용하거나 Array 메서드 map,forEach등과 같이 사용

예제

const user = {
	name: "Alice",
  	age: 10
  	country: "Korea" 
};

const objToArr = Object.entries(user);
console.log(objToArr);
// console
[
  ['name', 'Alice'],
  ['age', 25],
  ['city', 'New York']
]

Object.fromEntries()

Object.fromEntries() : key-value쌍의 배열을 일반 객체로 변경
Object.entries()의 반대 역할<참고링크>

예제 1

const arr = [
	['name', 'Alice'],
  	['age', 10],
  	['country', 'Korea']
];

const user = Object.fromEntries(arr);
console.log(user);

// console
{
  name: 'Alice',
  age: 25,
  city: 'New York'
}

예제 2

객체의 속성을 필터링하고, 새로운 객체를 생성

const user = {
  name: 'Alice',
  age: 25,
  city: 'New York'
};

// age 속성을 제외한 새 객체 생성
const filteredUser = Object.fromEntries(
  Object.entries(user).filter(([key, value]) => key !== 'age')
);

console.log(filteredUser);

// console
{
  name: 'Alice',
  city: 'New York'
}
profile
두 or 다이 / FE 목표
post-custom-banner

0개의 댓글