Cú pháp spread trong mảng
Thuộc phần Logic và luồng chương trình trong hành trình JavaScript của Coddy. Bài học 48 trên 65.
Cú pháp spread (...) cho phép mở rộng một đối tượng có thể lặp, chẳng hạn như mảng, tại những vị trí cần không hoặc nhiều đối số hay phần tử. Cú pháp này giúp thực hiện các thao tác như kết hợp hoặc sao chép mảng một cách ngắn gọn.
Dưới đây là một số trường hợp sử dụng phổ biến:
1. Kết hợp các mảng:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]2. Tạo bản sao nông của một mảng:
const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]3. Thêm phần tử vào mảng:
const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]4. Truyền các phần tử mảng làm đối số cho hàm:
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6Thử thách
DễTạo một hàm có tên mergeArr, nhận hai mảng số làm đối số. Hàm cần:
- Gộp hai mảng bằng toán tử spread
- Xóa các số trùng lặp
- Trả về mảng kết quả
Tự làm thử
function mergeArr(arr1, arr2) {
// Viết code của bạn tại đây
}
Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Logic và luồng chương trình
4JSON phần 2
Duyệt qua JSONJSON lồng nhauOptional chaining trong JSONSao chép nông và sâuÔn tập: Cửa hàng xe đạpÔn tập: Hệ Mặt Trời7Hệ thống quản lý thư viện
Tổng quan dự ánThêm sách10Quản lý hệ thống lễ hội
Tổng quan dự ánThêm phim và địa điểm2Mảng nhiều chiều
Kiến thức cơ bản về mảng 2 chiềuTruy cập phần tử trong mảng 2 chiềuVòng lặp lồng nhau với mảng 2 chiềuÔn tập về mảng 2 chiềuPhép cộng và phép trừ ma trậnMảng không đềuMảng 3 chiều và hơn nữaCác mẫu thường gặp với mảng 2 chiềuÔn tập về mảng3JSON phần 1
JSON là gì?Kiểm tra khóa có tồn tạiPhương thức của đối tượngToán tử spread phần 1Toán tử spread phần 2Xóa khóaÔn tập: thao tác với khóa trong JSONTự luyện tập: Trình biên dịch JavaScript online