728x90 300x250 SMALL 프론트엔드22 객체와 배열을 쉽게 다루는 법! 디스트럭처링 핵심 정리 디스트럭처링(Destructuring)디스트럭처링은 자바스크립트에서 배열이나 객체의 값을 추출해서 변수에 쉽게 할당하는 문법이다. 디스트럭처링을 사용하면 배열이나 객체에서 특정 값들을 간결하고 직관적으로 추출할 수 있어서 코드가 깔끔학 이해하기 쉬워진다. 1. 객체 디스트럭처링객체 디스트럭처링은 객체에서 원하는 속성 값을 변수로 추출하는 방법이다.객체에서 속성을 추출하여 변수 이름을 동일하게 지정하거나, 새로운 이름을 붙여서 변수에 할당할 수 있다. 기본 사용법const person = { name: "Alice", age: 25, city: "Seoul"};// 객체에서 name, age 값을 추출하여 변수로 할당const { name, age } = person;console.log(name);.. 2025. 1. 25. 전개 연산자 (...) 하나로 객체/배열 조작 끝내기! 전개 연산자(Spread Operator)는 자바스크립트에서 ...(점 세 개)로 표현되는 연산자이다.이 연산자는 배열이나 객체의 모든 요소나 속성을 펼치거나 복사할 때 사용 된다.쉽게 말해, "안에 있는 내용을 꺼내서 사용한다"라고 생각하면 된다.ES6(ECMAScript 2015)에서 처음 도입되었고 배열이나 객체를 다룰 때 매우 유용한 도구로 등장했다. 이를 통해 코드가 더 간결하고 가독성이 높아졌다. 전개 연산자가 생겨난 배경기존의 자바스크립트에서는 배열이나 객체를 복사하거나 병합할 때 번거로운 방법을 사용해야 했다. 예를 들어, 객체나 배열을 복사하려면 Object.assign() 이나 Array.prototype.concat() 같은 메서드를 사용해야 했다. 이런 방법들은 여러 줄로 코드를 작.. 2025. 1. 24. 이전 1 ··· 3 4 5 6 다음 728x90 반응형 LIST