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