Javascript đã cung cấp nhiều hàm tích hợp để hoàn thành một tác vụ cụ thể. Nhưng nếu chúng ta cố gắng giải quyết bất kỳ chương trình nào một cách bình thường với các hàm tích hợp sẵn đó, thì mã có thể không ngắn gọn. Javascript cũng đã cung cấp một số hàm bậc cao sẵn có. Các hàm bậc cao này giảm độ dài của mã, tăng khả năng đọc và đơn giản hóa khả năng truy cập. Một số chức năng bậc cao hơn là bản đồ, bộ lọc và thu nhỏ . Hãy thảo luận về chức năng lọc bậc cao hơn.
Ví dụ
khi không có thứ tự cao hơn mã chương trình chức năng có thể mất nhiều bước hơn trong tổng số. Trong ví dụ sau, một mảng mới được thực hiện, mặc dù mảng được cung cấp đủ để hoàn thành nhiệm vụ. Một vòng lặp bổ sung , điều này là không cần thiết trong trường hợp các hàm bậc cao hơn, được thực hiện để lặp qua mảng.
<html>
<body>
<script>
const name = [];
var persons = [
{ name: 'Frodobaggins'},
{ name: 'aragorn'},
{ name: 'gandalf'},
{ name: 'pippin'},
{ name: 'nazgul'},
];
for(let i = 0; i < persons.length; i++) {
if(persons[i].name.length > 6) {
name.push(persons[i]);
}
}
document.write(JSON.stringify(name));
</script>
</body>
</html> Đầu ra
[{"name":"Frodobaggins"},{"name":"aragorn"},{"name":"gandalf"}] Ví dụ
Trong ví dụ sau, bậc cao hơn chức năng bộ lọc Được sử dụng. So với ví dụ trên, ví dụ sau chiếm ít dòng mã hơn. Ở đây, không có mảng mới nào được sử dụng và cũng không có vòng lặp for nào được sử dụng.
<html>
<body>
<script>
const persons = [
{ name: 'Frodobaggins'},
{ name: 'aragorn'},
{ name: 'gandalf'},
{ name: 'pippin'},
{ name: 'nazgul'},
];
const name = persons.filter(person => person.name.length > 7);
document.write(JSON.stringify(name));
</script>
</body>
</html> Đầu ra
[{"name":"Frodobaggins"}]