© CCFOUND sp. z o.o. sp.k.

Khám phá các phương thức mảng JavaScript cần thiết: map, filter và nhiều hơn nữa

Phương pháp JavaScript: Hiểu biết về map(), filter(), và nhiều hơn nữaJavaScript cung cấp một số phương pháp mạnh mẽ để xử lý các mảng và đối tượng, giúp thực hiện các hoạt động phức tạp một cách ngắn gọn và dễ đọc hơn. Dưới đây là một cái nhìn về một số phương pháp quan trọng như map(), filter(), và những phương pháp khác. 1. map() Phương pháp map() tạo ra một mảng mới được điền đầy với kết quả từ việc gọi một hàm cung cấp trên mỗi phần tử trong mảng được gọi. Ví dụ:const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console.log(doubled); // [2, 4, 6, 8]  2. filter() Phương pháp filter() tạo ra một mảng mới với tất cả các phần tử qua bài kiểm tra triển khai bởi hàm cung cấp. Ví dụ:const numbers = [1, 2, 3, 4]; const evens = numbers.filter(num => num % 2 === 0); console.log(evens); // [2, 4]  3. reduce() Phương pháp reduce() thực thi một hàm reducera (bạn cung cấp) trên mỗi phần tử của mảng, dẫn đến một giá trị đầu ra duy nhất. Ví dụ:const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // 10  4. forEach() Phương pháp forEach() thực thi một hàm cung cấp một lần cho mỗi phần tử trong mảng. Ví dụ:const numbers = [1, 2, 3, 4]; numbers.forEach(num => console.log(num)); // Output: 1 2 3 4  5. find() Phương pháp find() trả về giá trị của phần tử đầu tiên trong mảng thỏa mãn hàm kiểm tra được cung cấp. Nếu không, nó trả về undefined. Ví dụ:const numbers = [1, 2, 3, 4]; const found = numbers.find(num => num > 2); console.log(found); // 3  6. some() Phương pháp some() kiểm tra xem ít nhất một phần tử trong mảng thông qua bài kiểm tra triển khai bởi hàm cung cấp. Nó trả về một giá trị Boolean. Ví dụ:const numbers = [1, 2, 3, 4]; const hasEven = numbers.some(num => num % 2 === 0); console.log(hasEven); // true  7. every() Phương pháp every() kiểm tra xem tất cả các phần tử trong mảng qua bài kiểm tra triển khai bởi hàm cung cấp. Nó trả về một giá trị Boolean. Ví dụ:const numbers = [1, 2, 3, 4]; const allEven = numbers.every(num => num % 2 === 0); console.log(allEven); // false  8. sort() Phương pháp sort() sắp xếp các phần tử của một mảng tại chỗ và trả về mảng đã được sắp xếp. Thứ tự sắp xếp mặc định là theo mã Unicode chuỗi. Ví dụ:const numbers = [4, 2, 3, 1]; numbers.sort(); console.log(numbers); // [1, 2, 3, 4]  9. concat() Phương pháp concat() được sử dụng để kết hợp hai hoặc nhiều mảng. Phương pháp này không thay đổi các mảng hiện có, mà thay vào đó trả về một mảng mới. Ví dụ:const array1 = [1, 2]; const array2 = [3, 4]; const mergedArray = array1.concat(array2); console.log(mergedArray); // [1, 2, 3, 4]  10. includes() Phương pháp includes() xác định xem một mảng có chứa một giá trị cụ thể trong các mục nhập của mình hay không, trả về true hoặc false tương ứng. Ví dụ:const numbers = [1, 2, 3, 4]; const includesThree = numbers.includes(3); console.log(includesThree); // true  Hiểu và sử dụng những phương pháp này có thể cải thiện đáng kể khả năng viết mã JavaScript hiệu quả và dễ đọc của bạn. Những phương pháp này là một phần của chuẩn ECMAScript, đảm bảo sự hỗ trợ rộng rãi trên các trình duyệt và môi trường hiện đại.
Phương pháp JavaScript: Hiểu biết về map(), filter(), và nhiều hơn nữaJavaScript cung cấp một số phương pháp mạnh mẽ để xử lý các mảng và đối tượng, giúp thực hiện các hoạt động phức tạp một cách ngắn gọn và dễ đọc hơn. Dưới đây là một cái nhìn về một số phương pháp quan trọng như map(), filter(), và những phương pháp khác. 1. map() Phương pháp map() tạo ra một mảng mới được điền đầy với kết quả từ việc gọi một hàm cung cấp trên mỗi phần tử trong mảng được gọi. Ví dụ:const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console.log(doubled); // [2, 4, 6, 8]  2. filter() Phương pháp filter() tạo ra một mảng mới với tất cả các phần tử qua bài kiểm tra triển khai bởi hàm cung cấp. Ví dụ:const numbers = [1, 2, 3, 4]; const evens = numbers.filter(num => num % 2 === 0); console.log(evens); // [2, 4]  3. reduce() Phương pháp reduce() thực thi một hàm reducera (bạn cung cấp) trên mỗi phần tử của mảng, dẫn đến một giá trị đầu ra duy nhất. Ví dụ:const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // 10  4. forEach() Phương pháp forEach() thực thi một hàm cung cấp một lần cho mỗi phần tử trong mảng. Ví dụ:const numbers = [1, 2, 3, 4]; numbers.forEach(num => console.log(num)); // Output: 1 2 3 4  5. find() Phương pháp find() trả về giá trị của phần tử đầu tiên trong mảng thỏa mãn hàm kiểm tra được cung cấp. Nếu không, nó trả về undefined. Ví dụ:const numbers = [1, 2, 3, 4]; const found = numbers.find(num => num > 2); console.log(found); // 3  6. some() Phương pháp some() kiểm tra xem ít nhất một phần tử trong mảng thông qua bài kiểm tra triển khai bởi hàm cung cấp. Nó trả về một giá trị Boolean. Ví dụ:const numbers = [1, 2, 3, 4]; const hasEven = numbers.some(num => num % 2 === 0); console.log(hasEven); // true  7. every() Phương pháp every() kiểm tra xem tất cả các phần tử trong mảng qua bài kiểm tra triển khai bởi hàm cung cấp. Nó trả về một giá trị Boolean. Ví dụ:const numbers = [1, 2, 3, 4]; const allEven = numbers.every(num => num % 2 === 0); console.log(allEven); // false  8. sort() Phương pháp sort() sắp xếp các phần tử của một mảng tại chỗ và trả về mảng đã được sắp xếp. Thứ tự sắp xếp mặc định là theo mã Unicode chuỗi. Ví dụ:const numbers = [4, 2, 3, 1]; numbers.sort(); console.log(numbers); // [1, 2, 3, 4]  9. concat() Phương pháp concat() được sử dụng để kết hợp hai hoặc nhiều mảng. Phương pháp này không thay đổi các mảng hiện có, mà thay vào đó trả về một mảng mới. Ví dụ:const array1 = [1, 2]; const array2 = [3, 4]; const mergedArray = array1.concat(array2); console.log(mergedArray); // [1, 2, 3, 4]  10. includes() Phương pháp includes() xác định xem một mảng có chứa một giá trị cụ thể trong các mục nhập của mình hay không, trả về true hoặc false tương ứng. Ví dụ:const numbers = [1, 2, 3, 4]; const includesThree = numbers.includes(3); console.log(includesThree); // true  Hiểu và sử dụng những phương pháp này có thể cải thiện đáng kể khả năng viết mã JavaScript hiệu quả và dễ đọc của bạn. Những phương pháp này là một phần của chuẩn ECMAScript, đảm bảo sự hỗ trợ rộng rãi trên các trình duyệt và môi trường hiện đại.
Show original content

0 users upvote it!

0 answers