Các phương thức lặp mảng trong JavaScript
Mảng trong JavaScript cung cấp nhiều công cụ để xử lý dữ liệu. Bạn nên nắm vững các phương thức này để viết mã nguồn sạch sẽ.
forEach() Chạy một hàm cho mỗi phần tử. let nums = [10, 20, 30]; nums.forEach(num => console.log(num));
map() Tạo một mảng mới bằng cách biến đổi mọi phần tử. let nums = [1, 2, 3]; let result = nums.map(num => num * 2); // [2, 4, 6]
flatMap() Ánh xạ từng phần tử và sau đó làm phẳng kết quả. let arr = [1, 2, 3]; let result = arr.flatMap(num => [num, num * 2]); // [1, 2, 2, 4, 3, 6]
filter() Tạo một mảng mới với các phần tử vượt qua một bài kiểm tra. let nums = [10, 20, 30, 40]; let result = nums.filter(num => num > 20); // [30, 40]
reduce() Kết hợp tất cả các phần tử thành một giá trị duy nhất. let nums = [10, 20, 30]; let result = nums.reduce((total, num) => total + num, 0); // 60
reduceRight() Hoạt động giống như reduce nhưng bắt đầu từ cuối mảng. let arr = ["A", "B", "C"]; let result = arr.reduceRight((acc, value) => acc + value); // CBA
every() Trả về true nếu tất cả các phần tử đều vượt qua bài kiểm tra. let nums = [10, 20, 30]; let result = nums.every(num => num > 5); // true
some() Trả về true nếu có ít nhất một phần tử vượt qua bài kiểm tra. let nums = [10, 20, 30]; let result = nums.some(num => num > 25); // true
from() Tạo một mảng từ một đối tượng có thể lặp (iterable object). let result = Array.from("Hello"); // ['H', 'e', 'l', 'l', 'o']
keys() Trả về một trình lặp (iterator) chứa các khóa của mảng. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.keys(); // 0, 1, 2
entries() Trả về một trình lặp chứa các cặp khóa và giá trị. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.entries(); // [0, 'Apple'], [1, 'Mango']...
with() Trả về một mảng mới với một phần tử đã được thay đổi. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.with(1, "Grapes"); // ['Apple', 'Grapes', 'Orange']
Spread (...) Trải rộng các phần tử của một mảng. let arr1 = [1, 2]; let arr2 = [3, 4]; let result = [...arr1, ...arr2]; // [1, 2, 3, 4]
Rest (...) Thu thập nhiều phần tử vào một mảng duy nhất. function showNumbers(...nums) { console.log(nums); } showNumbers(10, 20, 30); // [10, 20, 30]
Nguồn: https://dev.to/ezhil_abinayak_e38eec8fb/array-iteration-methods-in-javascript-20mc