spread
-
[Javascript] 스프레드, spread, 디스트럭쳐링, destructuring웹/JavaScript 2023. 1. 12. 20:17
I. 스프레드 spread 1. 기본 문법 const arr1 = [1, 2, 3]; const arr2 = [...arr1]; console.log(arr2); const arr1 = ['B', 'C']; const arr2 = ['D']; const arr3 = ['E']; const arr4 = ['A', ...arr1, ...arr2, ...arr3, 'F'] console.log(arr4); 2. 활용 a. 배열을 다수의 인자들로 펼침 const arr1 = [1, 2, 3, 4, 5]; console.log(arr1); // console.log(1, 2, 3, 4, 5); console.log(...arr1); console.log( Math.max(...arr1), Math...
-
[Javascript] 객체의 스프레드, spread, 디스트럭쳐링, destructuring웹/JavaScript 2023. 1. 11. 13:35
I. 스프레드 spread 1. 기본 문법 const class1 = { x: 1, y: 'A', z: true }; const class2 = { ...class1 }; // 아래의 참조복사 코드와 다름! // const class2 = class1; console.log(class2); 2. 특정 객체의 프로퍼티를 포함하는 다른 객체 생성에 유용 const class1 = { a: 1, b: 'A', c: true }; const class2 = { d: { x: 10, y: 100 }, e: [1, 2, 3] }; const class3 = { ...class1, z: 0 } const class4 = { ...class2, ...class3, ...class2.d } console.lo..