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): ํค-๊ฐ ์ ๋ฐฐ์ด์ ๊ฐ์ฒด๋ก ๋ณํ
Object.entries() - JavaScript | MDN
The Object.entries() static method returns an array of a given object's own enumerable string-keyed property key-value pairs.
developer.mozilla.org
https://devinserengeti.tistory.com/25
[์๋ฐ์คํฌ๋ฆฝํธ] javascript Object.entries() ์ฌ์ฉํ๊ธฐ
[์๋ฐ์คํฌ๋ฆฝํธ] javascript Object.entries() ์ฌ์ฉํ๊ธฐ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด๋ฅผ ๋ฐฐ์ด๋ก ๋ณํํด์ฃผ๋ ๋ฉ์๋! ๊ฐ์ฒด์ {key : value} ํ์์ ๋ฐฐ์ด ํํ์ [key, value] ๋ก ๋ณํํ์ฌ ์ค๋ค. [์ฌ์ฉ๋ฒ] var son = { name : 'Son', a
devinserengeti.tistory.com
'FRONTEND > ๊ธฐํ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| Storybook chromatic ์ฌ์ฉํ์ฌ ๋ฐฐํฌํ๊ธฐ (0) | 2025.09.09 |
|---|---|
| MonthPicker ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ชจ์ (2) | 2024.12.26 |
| Input -> type="number" ํ๊ธ ์์ ์ ๋ ฅ ๋ฐฉ์ง (0) | 2024.09.10 |
| [Typescript] ๊ณต๋ถ ๋ด์ฉ ์ ๋ฆฌ (1) | 2024.08.30 |
| (APIํ์ฉ) ๊นํ๋ธ ์ ์ ์ฐพ๊ธฐ app 2 (1) | 2023.11.14 |