Các cú pháp lây lan là một bổ sung mới với tập hợp các nhà khai thác trong JavaScript ES6. Nó nhận trong một có thể lặp lại (ví dụ: một mảng) và mở rộng nó thành các phần tử riêng lẻ.

Cú pháp lây lan thường được sử dụng để tạo bản sao nông của các đối tượng JS. Sử dụng toán tử này làm cho mã ngắn gọn và nâng cao khả năng đọc của nó.

Cú pháp

Cú pháp spread được biểu thị bằng ba dấu chấm …,.

let array = [...value]

Vì cấu trúc dữ liệu mảng được sử dụng rộng rãi, nó sẽ được xem xét trong tất cả các ví dụ tiếp theo.

1. Sao chép một mảng

Có array2các yếu tố array1được sao chép vào nó. Bất kỳ thay đổi nào được thực hiện array1sẽ không được phản ánh trong array2và ngược lại.

Nếu toán tử gán đơn giản đã được sử dụng thì array2sẽ được gán một tham chiếu tới array1và những thay đổi được thực hiện trong một mảng sẽ phản ánh trong mảng khác mà trong hầu hết các trường hợp là không mong muốn.

let array1 = ['h', 'e', 'l', 'l', 'o'];
let array2 = [...array1];
console.log(array2);
['h', 'e', 'l', 'l', 'o'] // output

Có thể thấy rằng cú pháp spread có thể được sử dụng để nối một mảng sau bất kỳ phần tử nào của mảng thứ hai. Nói cách khác, không có giới hạn mà dessertschỉ có thể được thêm vào ở đầu cuối của desserts1mảng.

let desserts = ['cake', 'cookie', 'donut'];
let desserts1 = ['icecream', 'flan', 'frozen yoghurt', ...desserts];
console.log(desserts);
//Appending baked_desserts after flan
let desserts2 = ['icecream', 'flan', ...desserts, 'frozen yoghurt'];
console.log(desserts2);
// output
[ 'cake', 'cookie', 'donut' ]
[ 'icecream', 'flan', 'cake', 'cookie', 'donut', 'frozen yoghurt' ]

function multiply(number1, number2, number3) {
  console.log(number1 * number2 * number3);
}
let numbers = [1,2,3];
multiply(...numbers);

//Passing elements of the array as arguments to the Math Object
let numbers = [1,2,300,-1,0,-100];
console.log(Math.min(...numbers));

Tôi hy vọng bạn thích bài viết này.