디스트럭쳐링 2

디스트럭쳐링 접근

배열의 고차함수를 공부하다 보니 디스트럭쳐링은 다양한 방식으로 사용되는 것을 발견했다. 디스트럭쳐링은 기존에 키에 접근하는 방식과 다른 문법을 사용하여 키에 접근 할 수 있는 방법이다. 가장 기초적으로는, ES6의 새로운 문법으로 사용된다. 기존의 key를 새로운 변수명과 같게하고, key의 value도 똑같이 가져오고자 할 때이다. const obj = {x: 1, y: 2}; const {x, y} = obj; console.log(x, y); // 1, 2 함수에서 key를 전달받아 작업할 때 사용한다. function introduce ({name, age}) { return `나는 ${age}살 ${name}야.` } const child = { name: 'Nora', age: 8 }; con..

TIL/JS 2023.03.24

스프레드, 디스트럭쳐링

⚪스프레드 배열과 객체를 복사해야 하는 경우가 있다. 배열 같은 경우 for of는 값을 참조하는 것이기 때문에 사용 할 수 없고, for문은 많은 데이터를 돌리는데 시간적으로 효율적이지 않다. 객체의 경우에도 값을 복사하기 위해서는 key와 복잡하다. 물론 지원하는 메서드를 사용 할 수도 있지만 그것보다 더 쉽게 복사 할 수 있는 방법이 스프레드다. 스프레드는 값을 복사 할 뿐만 아니라 얕은 복사이기 때문에 값을 변경하더라도 원본이 변경되지 않는다. 얕은 복사이지만 할당하여 주소를 복사하는 방식과는 다른 복사이다. // const a = b; ⚪ 디스트럭쳐링 기존에 식별자에 값을 할당하는 구조적에서 벗어나 원본의 키를 식별자와 값으로 복사해 오는 것을 말한다. 키를 복사하는 것이기 때문에 배열 경우 l..

TIL/JS 2023.03.23