陣列方法 filter 和find 的用法區別

1.filter()用法詳解

應用場景1：假定有乙個物件陣列a，獲取陣列中指定型別的物件放到b陣列中。

var products = [

,  ,
];var filters = products.filter(function(item) );
console.log(filters);

應用場景2：假定有乙個物件陣列a，過濾掉不滿足一下條件的物件，條件：水果 ，**小於10，數量大於0。

var products = [

,  ,
];var filters = products.filter(function(item) );
console.log(filters);
//結果：

應用場景3：假定有物件a和陣列b，根據a中id值，過濾掉b中不符合的資料。

var post = ;

var comments = [
,  ,
];function commentspost(post, comments) );
}console.log(commentspost(post, comments));
//結果:，返回的是陣列

注意：filter和find區別：filter返回的是陣列，find返回的是物件。

2.find()用法詳解

應用場景1：假定有乙個物件陣列a，找到符合條件的物件

var users = [

,  ,
];var user = users.find(function(item) );
console.log(user);
//結果：

注：find()找到第乙個元素後就不會在遍歷其後面的元素,所以如果陣列中有兩個相同的元素，他只會找到第乙個，第二個將不會再遍歷了。

應用場景2：假定有乙個物件陣列a，根據指定物件的條件找到陣列中符合條件的物件。

var post = ;

var comments = [
,  ,
];function commentspost(post, comments) );
}console.log(commentspost(post, comments));
//結果：，返回的是物件

陣列方法 filter 和find 的用法區別

1.filter 用法詳解 應用場景1 假定有乙個物件陣列a，獲取陣列中指定型別的物件放到b陣列中。var products var filters products.filter function item console.log filters var products var filters ...

陣列操作 filter和find

現在有個需求 後端給乙個list過來，1 4，有就顯示，沒有前面四個card就空著，從第五個開始，有資料就迴圈出來，區別他們的kind欄位。這裡想了很久怎麼寫，最後決定，洗資料.就是從給給的資料，前面四個進行判斷，有就寫進固定的地方，沒有就為空。後面的資料迴圈 再把陣列a 陣列b，進行map渲染ca...

js陣列方法map和filter比較

1.map 1 怎麼用？map 方法建立乙個新陣列，其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果。const newarr arr.map a console.log newarr 2,2,2 2 用什麼特點？注意點 map 方法會給原陣列中的每個元素都按順序呼叫一次 callback...