Destructuring을 활용하여 자바스크립트에서 특정 값을 변경하는 방법
자바스크립트에서는 Destructuring을 사용하여 객체 또는 배열에서 특정 값을 추출하여 변수에 할당할 수 있습니다. 이를 통해 변수에 담긴 값을 통해 쉽게 값을 변경할 수 있습니다.
객체에서 특정 값 변경하기
객체에서 특정 값을 변경하는 방법은 다음과 같습니다:
// 원래 객체
const obj = { name: 'John', age: 25 };
// Destructuring을 사용하여 name 값을 추출하여 변수에 할당
const { name } = obj;
// name 값을 변경
name = 'Jane';
// 변경된 name 값을 다시 객체에 할당
obj.name = name;
console.log(obj); // { name: 'Jane', age: 25 }
배열에서 특정 값 변경하기
배열에서 특정 값을 변경하는 방법은 다음과 같습니다:
// 원래 배열
const arr = [1, 2, 3, 4, 5];
// Destructuring을 사용하여 첫 번째 값 추출하여 변수에 할당
const [first] = arr;
// 첫 번째 값을 변경
first = 10;
// 변경된 첫 번째 값을 다시 배열에 할당
arr[0] = first;
console.log(arr); // [10, 2, 3, 4, 5]
Destructuring과 함께 변수를 사용하여 객체 또는 배열의 특정 값을 변경할 수 있습니다. 이를 통해 코드를 간결하게 유지하면서도 원하는 값으로 쉽게 변경할 수 있습니다.
#programming #javascript