Search
Duplicate
📒

[JavaScript/TypeScript] 02-3. 스프레드 연산자

상태
수정중
수업
JavaScript/TypeScript
주제
4 more properties
참고

스프레드 연산자

NOTE
스프레드 연산자(…)는 Array, 반복 가능한 객체 등의 요소를 전개하거나 펼치는데 사용된다!
const arrValue = ['My', 'name', 'is', 'Jack']; console.log(arrValue); console.log(...arrValue); // arrValue와 동일값 출력!
JavaScript
복사

함수 호출에서의 스프레드 연산자

NOTE
function sum(a, b, c) { return a + b + c; } const numbers = [1, 2, 3]; console.log(sum(...numbers))); // 6
JavaScript
복사
…을 통해 개별인자들을 전달한다.

배열 리터럴에서의 스프레드 연산자

NOTE
const fruits = ["apple", "banana"] const moreFruits = ["orange", "grape"] const combineFruits = [...fruits, ...moreFruits]; console.log(combineFruits); // 2배열을 합친 결과
JavaScript
복사
배열 리터럴에서 스프레드 연산자를 사용하면, 하나의 배열로부터 개별 요소들을 새 배열에 복사할 수 있다. (deep copy)

객체 리터럴에서의 스프레드 연산자

NOTE
const user = { name: 'John', age: 30 } const updateUser = { ...user, location: 'New York' } console.log(updateUser);
JavaScript
복사
객체 리터럴에서 스프레드 연산자는 하나의 객체로부터 프로퍼티들을 새 객체에 복사할 수 있다. 주로 객체를 복사하거나 합치는데 사용된다.

주의사항

NOTE