ES6 – destructuring
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ề […]
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: "LTH"
age: 4
}
const {name, age} = myObject;
console.log(name); /* output: "LTH" */
console.log(age); /* output: 4 */
console.log(myObject); /* output: {name: "LTH", age: 4} */
Ta thấy myObject đã có 2 đại diện mới.