Sử dụng toán tử Spread trong Javascript

Hi mọi người, Trong bài viết này mình sẽ chia sẻ cách sử dụng toán tử spread nhé. Toán tử spread được định nghĩa bằng 3 dấu chấm (…). Ví dụ: const odd =[1,3,5];const combined =[2,4,6,...odd]; console.log(combined); Output: [2,4,6,1,3,5] Ở ví dụ trên 3 dấu chấm (…) ở trước mảng odd là toán tử spread.

Hi mọi người,
Trong bài viết này mình sẽ chia sẻ cách sử dụng toán tử spread nhé.
Toán tử spread được định nghĩa bằng 3 dấu chấm (…). Ví dụ:

const odd =[1,3,5];const combined =[2,4,6,...odd];
console.log(combined);

Output:

[2,4,6,1,3,5]

Ở ví dụ trên 3 dấu chấm (…) ở trước mảng odd là toán tử spread. Nó có nhiệm vụ giải nén các phần tử trong mảng odd.
Trong ES6 cũng sử dụng dấu 3 chấm (…) để định nghĩa một rest parameter . Nó có nhiệm vụ là gom tất cả các tham số còn lại trong hàm vào một mảng.

functionf(a, b,...args){
	console.log(args);}f(1,2,3,4,5);

Output:

[3,4,5]

Sự khác nhau giữa spread và rest parameter.

  • Toán tử spread giải nén các phần tử trong một mảng
  • Rest parameter thì gom các phần tử còn lại của hàm vào một mảng

Khi sử dụng rest parameter thì nó phải là tham số cuối cùng của mảng, nếu không sẽ không sử dụng được. Tuy nhiên toán tử spread có thể đặt ở mọi nơi. ví dụ:

const odd =[1,3,5];const combined =[...odd,2,4,6];
console.log(combined);

Output:

[1,3,5,2,4,6]

Hoặc là

const odd =[1,3,5];const combined =[2,...odd,4,6];
console.log(combined);

Output:

[ 2, 1, 3, 5, 4, 6 ]

Nguồn: viblo.asia

Bài viết liên quan

WebP là gì? Hướng dẫn cách để chuyển hình ảnh jpg, png qua webp

WebP là gì? WebP là một định dạng ảnh hiện đại, được phát triển bởi Google

Điểm khác biệt giữa IPv4 và IPv6 là gì?

IPv4 và IPv6 là hai phiên bản của hệ thống địa chỉ Giao thức Internet (IP). IP l

Check nameservers của tên miền xem website trỏ đúng chưa

Tìm hiểu cách check nameservers của tên miền để xác định tên miền đó đang dùn

Mình đang dùng Google Domains để check tên miền hàng ngày

Từ khi thông báo dịch vụ Google Domains bỏ mác Beta, mình mới để ý và bắt đầ