js Array数组常用API

yaorui_123456

已于 2022-04-29 10:53:36 修改

阅读量284

点赞数

文章标签： javascript vue.js 前端

于 2022-04-29 10:52:31 首次发布

本文链接：https://blog.csdn.net/yaorui_123456/article/details/124490598

版权

一、find方法

使用说明：该方法会返回数组中第一个匹配的元素对象

const Arr=[
  {label:'红茶',value:0},
  {label:'绿茶',value:1},
  {label:'绿茶',value:2},
  {label:'清茶',value:3}
]

let result = Arr.find(item=>item.label=='绿茶')

console.log(result)  =====>{label:'绿茶',value:1}

let result = Arr.find(item=>item.label=='铁观音')

console.log(result)  =====>undefined

二、filter方法

使用说明：该方法会返回数组中所有匹配的元素的数组

const Arr=[
  {label:'红茶',value:0},
  {label:'绿茶',value:1},
  {label:'绿茶',value:2},
  {label:'清茶',value:3}
]

let result = Arr.filter(item=>item.label=='绿茶')

console.log(result)  =====>[{label:'绿茶',value:1},{label:'绿茶',value:2}]

let result = Arr.find(item=>item.label=='铁观音')

console.log(result)  =====>undefined

三、map、forEach方法

使用说明：map遍历数组并返回新数组，forEach遍历数组可以修改原数组

const Arr=[
  {label:'红茶',value:0},
  {label:'绿茶',value:1},
  {label:'绿茶',value:2},
  {label:'清茶',value:3}
]

let result = Arr.map(item=>item.label=='绿茶')

console.log(result)  =====> [false, true, true, false]

let result = Arr.forEach(item=>item.label=='铁观音')

console.log(result)  =====>undefined//没有返回值

四、some方法

使用说明：some方法判断数组中某一元素是否满足特定条件

const Arr=[
  {label:'红茶',value:0},
  {label:'绿茶',value:1},
  {label:'绿茶',value:2},
  {label:'清茶',value:3}
]

let result = Arr.some(item=>item.label=='绿茶')

console.log(result)  =====> true

let result = Arr.some(item=>item.label=='铁观音')

console.log(result)  =====>false

五、every方法

使用说明：every方法判断数组中某一元素是否全部相同

const Arr=[
  {label:'红茶',value:0},
  {label:'绿茶',value:0},
  {label:'绿茶',value:0},
  {label:'清茶',value:0}
]

let result = Arr.every(item=>item.value==0)

console.log(result)  =====> true

let result = Arr.every(item=>item.label=='绿茶')

console.log(result)  =====>false