一、找出第一個符合條件的數組成員
項目中經常需要遍歷數組尋找符合需求的數據,使用find()方法可以將代碼從循環中簡化出來。假如在數組中尋找值爲“Annie”的成員,方法如下
var people = [
{
name :'Annie',
age:'18'
},
{
name:'wayne',
age:19
},
{
name :'Annie',
age:'19'
},
]
var filterPeople = people.find(item=>{
return item.name =='Annie';
})
console.log(filterPeople)
// {
// age:"18",
// name:"Annie"
// }
二、 方法創建一個新數組, 其包含通過所提供函數實現的測試的所有元素。
返回符合數據的所有成員
var people = [
{
name :'Annie',
age:'18'
},
{
name:'wayne',
age:19
},
{
name :'Annie',
age:'19'
},
]
var filterPeople2 = people.filter(item =>{
return item.name == 'Annie'
})
console.log(filterPeople2)
// [[object Object] {
// age: "18",
// name: "Annie"
// }, [object Object] {
// age: "19",
// name: "Annie"
// }]
三、 includes判斷數組是否包含指定的值(返回true or false)
與字符串的includes方法類似,接收兩個參數,
- 第一個參數表示要搜索的值,第二個參數表示搜索的起始位置。
- 若第二個參數爲負數,則表示倒數的位置。返回布爾值,若數組中包含指定值爲true,反之爲false。
var a = [1,2,3,NaN];
a.includes(1); //true
a.includes(-1); //false
a.includes(NaN); //true
a.includes(1,1); //false
a.includes(3,-1); //false