1. Object.entries()
Object.entries() 메소드는 JavaScript에서 객체의 키-값 쌍을 배열로 변환하여 반환하는 메소드.
이를 통해 객체의 속성을 손쉽게 반복(iterate)하거나, 배열 형식으로 작업할 수 있다.
2. Object.entries() 사용 예제
1) 기본 사용
const object1 = {
a: 'somestring',
b: 42,
c: "세 번째",
d: "네 번째",
};
console.log(Object.entries(object1));
[["a", "somestring"],["b", 42],["c", "세 번째"],["d", "네 번째"]]
2) 반복문 사용
const obj = { a: 1, b: 2, c: 3 };
// Object.entries() + map()
const doubledValues = Object.entries(obj).map(([key, value]) => [key, value * 2]);
console.log(doubledValues);
// 출력: [['a', 2], ['b', 4], ['c', 6]]
const obj = { a: 1, b: 2, c: 3 };
for (const [key, value] of Object.entries(obj)) {
console.log(`${key}: ${value}`);
}
// 출력:
// a: 1
// b: 2
// c: 3
3) 객체에서 특정 값을 변경하거나 가공
const obj = { a: 1, b: 2, c: 3 };
const modified = Object.fromEntries(
Object.entries(obj).map(([key, value]) => [key, value * 2])
);
console.log(modified);
// 출력: { a: 2, b: 4, c: 6 }
4) 객체의 키와 값을 교환
const obj = { a: 1, b: 2, c: 3 };
const swapped = Object.fromEntries(
Object.entries(obj).map(([key, value]) => [value, key])
);
console.log(swapped);
// 출력: { '1': 'a', '2': 'b', '3': 'c' }
- Object.keys(obj): 키만 반환
- Object.values(obj): 값만 반환
- Object.fromEntries(array): 키-값 쌍 배열을 객체로 변환
https://devinserengeti.tistory.com/25
'FRONTEND > 기타' 카테고리의 다른 글
MonthPicker 라이브러리 모음 (2) | 2024.12.26 |
---|---|
Input -> type="number" 한글 자음 입력 방지 (0) | 2024.09.10 |
[Typescript] 공부 내용 정리 (1) | 2024.08.30 |
(API활용) 깃허브 유저찾기 app 2 (1) | 2023.11.14 |
(API활용) 깃허브 유저찾기 app 1 (1) | 2023.11.14 |