Phương thức mảng, phần 4
Thuộc phần Kiến thức cơ bản trong hành trình JavaScript của Coddy. Bài học 69 trên 77.
Dưới đây là thêm nhiều phương thức mảng hữu ích:
1. map(callback): Tạo một mảng mới gồm kết quả gọi một hàm được cung cấp cho từng phần tử trong mảng ban đầu.
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Đầu ra: [2, 4, 6]2. filter(callback): Tạo một mảng mới gồm tất cả phần tử vượt qua phép kiểm tra do hàm được cung cấp thực hiện.
let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Đầu ra: [2, 4]3. reduce(callback, initialValue): Thực thi một hàm rút gọn trên từng phần tử của mảng, tạo ra một giá trị đầu ra duy nhất.
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Đầu ra: 10Thử thách
DễBạn có một mảng numbers = [1, 2, 3, 4, 5]. Thực hiện các bước sau và in trực tiếp kết quả:
- Dùng
map()để tạo một mảng mới, trong đó mỗi số được nhân với 3, rồi in kết quả. - Dùng
filter()để tạo một mảng mới chỉ chứa các số lớn hơn 3, rồi in kết quả.
Tự làm thử
let numbers = [1, 2, 3, 4, 5];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 Kiến thức cơ bản
8Vòng lặp
Vòng lặp forVòng lặp whileThoát vòng lặpBỏ qua lần lặpÔn tập: giai thừaVòng lặp do whileVòng lặp lồng nhau3Toán tử phần 1
Toán tử số họcToán tử moduloPhép tính số học rút gọnToán tử so sánhSo sánh bằng nghiêm ngặt và không nghiêm ngặtÔn tập: phép tính đơn giản6Nhập xuất cơ bản
Đầu raĐầu ra với biếnChuyển đổi kiểu dữ liệu, phần 1Chuyển đổi kiểu dữ liệu, phần 2Ôn tập đến 120Ôn tập: đúng hay sai9Hàm
Khai báo hàmĐối sốGiá trị trả vềÔn tập: hàm SigmaBiểu thức hàmTham số mặc địnhHàm mũi tênÔn tập: hàm xác thực12Mảng, phần 2
Duyệt qua mảngPhương thức forEachVòng lặp for...ofÔn tập: bộ đếm PCắt mảngPhương thức mảng, phần 3Phương thức mảng, phần 4Kiểm tra tính thành viênTự luyện tập: Trình biên dịch JavaScript online