티스토리 뷰
1. Object.values
- 객체의 key-value에서 value들을 배열로 반환하는 메서드
const obj = {
name: "john",
age: 12
};
console.log(Object.values(obj)); // [ "john", 12 ]
2. Object.entries
- 객체의 모든 key-value 쌍을 [key, value] 형태들로 정리한 배열을 반환하는 메서드
const obj = {
name: "john",
age: 12
};
const entries = Object.entries(obj);
console.log(entries); // [ ['name', 'john'], ['age', 12] ]
3. Object.fromEntries
- entries와 반대로, [key, value] 형태의 배열들을 요소로 가지는 배열들을 객체로 만드는 메서드
const newUserInfos = [["name", "peter"], ["age", 21]];
const newUser = Object.fromEntries(newUserInfos);
console.log(newUser); // {name: 'peter', age: 21}
4. Array.prototype.flat([depth])
- 배열 내의 중첩된 배열을 평탄화하여 단일 배열로 만드는 메서드
- 선택적 매개변수 depth는 평탄화할 깊이 수준을 지정. 기본값은 1
- depth가 1이면 바로 하위 수준의 배열만 평탄화하고, 더 큰 값을 지정하면 해당 수준만큼 깊은 배열도 평탄화
- 무한한 깊이를 평탄화하려면 Infinity를 사용
[1, [2, [3, [4]], 5]].flat(); // [1, 2, [3, [4]], 5]
[1, [2, [3, [4]], 5]].flat(2); // [1, 2, 3, [4], 5]
[1, [2, [3, [4]], 5]].flat(Infinity); // [1, 2, 3, 4, 5]
5. Promise.allSettled()
- 여러 프로미스를 포함하는 이터러블을 받아, 모든 프로미스가 완료될 때까지 기다린 후, 각 프로미스의 결과를 나타내는 객체 배열을 반환
- 반환된 각 객체는 {status, value} 또는 {status, reason} 형태로, 성공한 프로미스는 status: 'fulfilled'와 value를 포함하고, 실패한 프로미스는 status: 'rejected'와 reason을 포함
- Promise.all()과는 달리, 어떤 프로미스가 거부되어도 중단되지 않고 모든 결과를 기다림
const promises = [
Promise.resolve('success1'),
Promise.reject('error'),
Promise.resolve('success2')
];
Promise.allSettled(promises)
.then(results => {
results.forEach(result => console.log(result));
// {status: "fulfilled", value: "success1"}
// {status: "rejected", reason: "error"}
// {status: "fulfilled", value: "success2"}
});
'기록' 카테고리의 다른 글
ECMA 2022에서 눈여겨볼 것 (0) | 2024.05.12 |
---|---|
ECMA 2021에서 눈여겨볼 것들 (0) | 2024.05.12 |
?? 연산자, Optional chaining, padStart, padEnd, trim (0) | 2024.05.11 |
강의 들은 거 요약 - generator, Proxy (0) | 2024.05.11 |
강의 들은 거 요약 - Symbol, Sets, (0) | 2024.05.11 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 코드스테이츠
- 햄버거버튼
- 프로그래머스
- 순열
- 다이나믹프로그래밍
- 백준
- 알고리즘
- aws
- Next.js
- 구현
- 동적계획법
- 넥스트js
- C++
- CSS
- react
- themoviedb
- async
- 완전탐색
- typescript
- 비트마스킹
- Redux
- 카카오맵
- 브루트포스
- 타입스크립트
- 리액트
- 스택
- BFS
- NextJS
- SQL
- 자바스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
글 보관함