【ES6】數組操作

一、找出第一個符合條件的數組成員


項目中經常需要遍歷數組尋找符合需求的數據,使用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

發佈了40 篇原創文章 · 獲贊 28 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章