ES6 - destructuring tùy biến giá trị array hay object

ES6 Destructuring (phá vỡ cấu trúc).

• Destructuring (phá vỡ cấu trúc) cho phép chúng ta dễ dàng sử dụng các giá trị phần tử của Array hoặc Object.
• Destructuring rất hữu dụng khi làm việc với function có đối số.
• Xem các ví dụ bên dưới để rõ hơn về destructuring nhé.

Ví dụ về destructuring

Destructuring với Array

const array = [1, 2, 3];
const [a, b] = array;
console.log(a); /* output: 1 */
console.log(b); /* output: 2 */
console.log(array); /* output: [1, 2, 3] */

• Ta thấy 2 phần từ mới a và b đã đại diện cho 2 phần tử của mãng array.

Destructuring với Object

const myObject = {
 name: "Dương Minh Trí"
 age: 4
}
const {name, age} = myObject;
console.log(name); /* output: "Dương Minh Trí" */
console.log(age); /* output: 4 */
console.log(myObject); /* output: {name: "Dương Minh Trí", age: 4} */

• Ta thấy myObject đã có 2 đại diện mới.

Theo https://hocwebchuan.com

Theo Học Web chuẩn.