Destructuring을 활용하여 자바스크립트에서 특정 값을 변경하는 방법
객체 Destructuring으로 값 변경하기
let user = {
name: 'John',
age: 30
};
// 기존 값을 변경하기 위해 Destructuring을 사용합니다.
let { name, age } = user;
// 값 변경하기
name = 'Jane';
age = 25;
console.log(user); // { name: 'John', age: 30 }
console.log(name, age); // Jane 25
위 코드에서는 먼저 user 객체를 정의하고, Destructuring을 통해 name과 age라는 변수에 해당 속성값을 할당합니다. 이후에 name과 age 값을 변경하더라도 실제 user 객체의 속성값은 변하지 않습니다.
배열 Destructuring으로 값 변경하기
let numbers = [1, 2, 3, 4, 5];
// 기존 값을 변경하기 위해 Destructuring을 사용합니다.
let [first, , , , last] = numbers;
// 값 변경하기
first = 10;
last = 20;
console.log(numbers); // [1, 2, 3, 4, 5]
console.log(first, last); // 10 20
위 코드에서는 numbers 배열을 정의하고, Destructuring을 통해 첫 번째와 마지막 값을 추출하여 first와 last 변수에 할당합니다. 마찬가지로 first와 last 값을 변경하더라도 실제 numbers 배열의 요소는 변하지 않습니다.
Destructuring은 자바스크립트에서 값을 간편하게 추출하고 할당하는 방법을 제공하여 코드의 가독성을 높이고 특정 값을 변경할 수 있게 도와줍니다. 활용하여 더욱 효율적인 코드를 작성해보세요.