您好,登錄后才能下訂單哦!
這篇文章主要介紹了JavaScript中filter的使用方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
filter是一種在特定條件下縮小數(shù)組內(nèi)容的方法,它用于在回調(diào)函數(shù)指定的條件下判斷單個元素,并僅檢索與條件匹配的元素。
我們先來看一下filter的基本語法
使用filter時,請指定數(shù)組的filter方法。
array.filter(callback [,that]);
對于array,需要指定預(yù)先創(chuàng)建的數(shù)組對象。
對于回調(diào),可以指定數(shù)組元素的值“value”,數(shù)組元素的數(shù)字索引“index”以及存儲數(shù)組元素的數(shù)組對象“arrayObj”。
對于每個數(shù)組元素,callbak返回true的元素將生成為新數(shù)組,callcak未返回true的元素將被跳過,并且不包含在新數(shù)組中。
我們下面來看具體的示例
以下是通過實際使用filter方法從數(shù)組中提取特定條件的示例
從數(shù)組中提取奇數(shù)
代碼如下
var data = [1, 4, 7, 12, 21]; var result = data.filter(function(value) { return value % 2 === 1; }); console.log(result);
運(yùn)行結(jié)果如下
從數(shù)組中刪除小于5的數(shù)字
代碼如下
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; function isMinNum(value) { return (value >= 5); } var filterNum = numbers.filter(isMinNum); console.log(filterNum);
運(yùn)行結(jié)果如下
從字符串中提取與條件匹配的字符串
代碼如下
var items = ["item1", "item2", "item3"]; var filterItems = items.filter(function(value) { return value === "item2"; }); console.log(filterItems);
運(yùn)行結(jié)果如下
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享JavaScript中filter的使用方法內(nèi)容對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,遇到問題就找億速云,詳細(xì)的解決方法等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。