Vue.js是一個流行的開源JavaScript框架,擁有許多有用的函數(shù)庫和工具。filter()函數(shù)就是其中之一,它可以過濾數(shù)組中的元素,并返回一個新的數(shù)組。
filter()函數(shù)的語法如下:
newArray = arr.filter(callback(element[, index[, array]])[, thisArg])
其中,callback是一個函數(shù),它測試數(shù)組中的每個元素是否需要保留,返回true則保留,false則刪除。element是被測試的數(shù)組元素,index是數(shù)組元素的索引,array是原始數(shù)組。thisArg是可選參數(shù),即回調(diào)函數(shù)執(zhí)行時作為this的值。
下面是一個使用filter()函數(shù)的例子:
let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(elem) {
return elem >3;
});
console.log(newArr); // [4, 5]
這個例子中,callback函數(shù)測試數(shù)組中的每個元素是否大于3,如果是,則保留它,否則刪除。最終得到的新數(shù)組是[4, 5]。
除了正常的回調(diào)函數(shù),ES6還提供了箭頭函數(shù)的寫法:
let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(elem =>elem >3);
console.log(newArr); // [4, 5]
這兩個例子的結(jié)果都是一樣的。
總之,filter()函數(shù)是一個常用的數(shù)組處理函數(shù),它可以快速過濾數(shù)組中的元素,從而得到一個新的、滿足條件的數(shù)組。