Cú pháp destructuring và spread trong Javascript
Thứ Sáu, 30/06/2023 · 3 phút đọc
Cú pháp Destructuring và Spread trong JavaScript là hai tính năng quan trọng giúp làm việc với đối tượng (objects) và mảng (arrays) một cách dễ dàng và linh hoạt. Dưới đây là mô tả và giải thích cú pháp của cả hai:
1. Destructuring: Destructuring cho phép bạn trích xuất các phần tử hoặc thuộc tính từ một đối tượng hoặc mảng và gán chúng vào các biến riêng lẻ.
- Với đối tượng (Object Destructuring), cú pháp là
{}
:
const { prop1, prop2 } = object;
- Đây là cách để trích xuất các thuộc tính
prop1
vàprop2
từ đối tượngobject
và gán chúng vào các biến cùng tên. - Với mảng (Array Destructuring), cú pháp là
[]
:
const [element1, element2] = array;
- Đây là cách để trích xuất các phần tử
element1
vàelement2
từ mảngarray
và gán chúng vào các biến tương ứng.
Destructuring giúp truy cập và sử dụng dữ liệu từ các đối tượng và mảng một cách dễ dàng hơn, giảm việc lặp lại và làm cho mã nguồn ngắn gọn và dễ đọc hơn.
2. Spread: Spread cho phép bạn sao chép (copy) các phần tử từ một mảng hoặc thuộc tính từ một đối tượng và chèn chúng vào một mảng hoặc đối tượng khác.
- Với mảng, cú pháp là
...
:
const newArray = […array];
- Đây là cách để sao chép toàn bộ các phần tử từ mảng
array
và gán chúng vàonewArray
. - Với đối tượng, cú pháp là
...
:
const newObject = { …object };
- Đây là cách để sao chép toàn bộ các thuộc tính từ đối tượng
object
và gán chúng vàonewObject
.
Spread cung cấp khả năng nhanh chóng và thuận tiện để kết hợp các mảng, đối tượng hoặc sao chép chúng trong các tình huống khác nhau.
Destructuring và Spread đều giúp giảm sự lặp lại và tăng tính linh hoạt trong việc làm việc với dữ liệu phức tạp trong JavaScript, làm cho mã nguồn ngắn gọn, dễ đọc và dễ bảo trì.
- Ảnh đại diện bài viết -
