다시 시작하는 자바스크립트 - spread 연산자(심층)자바스크립트2023. 4. 19. 22:35
Table of Contents
728x90
반응형
헷갈리는 것들만 따로 정리할 예정.
deep dive 책을 함께 공부함.
11. spread 연산자
- spread 연산자, 전개구문
- 모든 Iterable은 spread 될 수 있음
- 순회가 가능한 모든 것들은 촤르륵 펼쳐질 수 있음
- func(...iterable)
- { ...obj }
- EcmaScript 2018
function add(a, b, c) {
return a + b + c;
}
const nums = [ 1, 2, 3 ];
console.log(add(...nums));
// 이렇게 한 번에 펼쳐주는 방식이 훨씬 간편함.
// 6
// Rest parameters
function sum(first, second, ...nums) {
console.log(nums);
}
sum(1, 2, 0, 1, 2, 4);
// 0, 1 인덱스를 제외한 나머지가 나오게 됨.
// Array Concat
const fruits1 = ["🍏", "🍓"];
const fruits2 = ["🍑", "🥝"];
let arr = fruits1.concat(fruits2);
console.log(arr);
// [ '🍏', '🍓', '🍑', '🥝' ]
arr = [...fruits1, "🍓", ...fruits2];
console.log(arr); // [ '🍏', '🍓', '🍓', '🍑', '🥝' ]
// Object
const ellie = { name: "Ellie", age: 20, home: { address: "home" } };
const updated = {
...ellie,
job: "s/w engineer",
};
console.log(updated);
// { name: 'Ellie', age: 20, home: { address: 'home' }, job: 's/w engineer' }
728x90
반응형
'(심층)자바스크립트' 카테고리의 다른 글
다시 시작하는 자바스크립트 - Set과 Map (2) | 2023.04.21 |
---|---|
다시 시작하는 자바스크립트 - 구조 분해 할당 (0) | 2023.04.21 |
다시 시작하는 자바스크립트 - 이터러블, 제너레이터 (0) | 2023.04.19 |
프로그래머스 자바스크립트 피자 나눠 먹기 (2) (0) | 2023.03.29 |
다시 시작하는 자바스크립트 - TodoList (0) | 2023.03.26 |
@min' :: 개발을 하자
github : https://github.com/dnjfht
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!