개발공부/JavaScript2 [JS] 전개연산자 ... 전개 연산자(Spread Operator, ...)란? 배열, 객체, 함수 인자 등을 펼쳐서 개별 요소로 분해하는 JavaScript 문법배열과 객체를 쉽게 복사하거나, 새로운 값을 추가하여 확장할 수 있다.1. 배열에서의 전개 연산자배열의 요소를 개별적으로 펼쳐서 새로운 배열을 만들거나, 기존 배열을 확장할 때 사용된다.(1) 배열 복사 ( 얕은 복사 )전개 연산자를 사용하면 원본 배열을 변경하지 않고 새로운 배열을 만들 수 있다.(배열 안에 객체/ 중첩 배열 제외)arr2 = arr1 을하면 같은 배열을 참조하지만, ...arr1을 사용하면 새로운 배열이 생성된다.const arr1 = [1, 2, 3];const arr2 = [...arr1]; // arr1을 복사console.log(arr2); .. 2025. 3. 12. [JS]구조 분해 할당 배열에서 여러 개의 값을 변수에 할당할 때, 인덱스를 사용하여 할당을 하게 되면 코드가 지저분해지고 길어진다.이럴때 구조 분해 할당을 이용하면 가독성이 좋아지고 짧아진다.구조 분해 할당이란? 배열이나 객체의 요소(값)들을 변수에 쉽게 할당하는 방법으로 배열의 요소들에게 이름을 붙여주는 것과 같다.배열 구조 분해 할당배열은 index 기반으로 값을 가져오기 때문에 대괄호 [ ]를 사용해 변수에 값을 할당한다. (1) 기본적인 배열 구조 할당배열의 구조 분해 할당은 배열의 순서인 index를 기준으로 값을 가져온다.const food = ["apple","tomato","grape"];const [first,second,third] = food;console.log(second); // tomato (2) .. 2025. 3. 6. 이전 1 다음
