前端开发中常用的数组方法（一）

javascript提供了大量不同处理数组的方法，这里花几分钟介绍常用的几个数组方法。

1、array.map()

map()方法返回一个新数组，数组中的元素未原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素的顺序依次处理元素。

示例一：

定义数组：

const material_array=[
       {materialcode:'00061057',materialname:'运动袜',colorname:'浅花灰/黑'},
       {materialcode:'00064060',materialname:'闪光背包',colorname:'宝蓝/灰色'},
       {materialcode:'00066062',materialname:'拉托克背包',colorname:'黑色/灰'},
       {materialcode:'00069063',materialname:'单车背包',colorname:'红色/灰'},
]

获取所有数组中货品名称：

const materials= material_array.map(e=>e.materialname)
console.log(materials)

运行结果：

0: "运动袜"
1: "闪光背包"
2: "拉托克背包"
3: "单车背包"

2、array.find()

find()方法返回通过测试（函数内判断）的数组的第一个元素的值。

find()方法为数组中的每个元素都调用一次函数执行。

• 当数组中的元素在满足条件时返回true时，find()返回符合条件的首次发现的元素，其余的元素不执行。
• 如果没有满足条件的元素返回undefined。

示例：

const material =material_array.find(e=>e.materialcode=='00061057')
console.log(materials)

执行结果：

{materialcode: "00061057", materialname: "运动袜", colorname: "浅花灰/黑"}

3、array.every()

every()方法用于检测数组所有元素是否都符合指定条件。

every()方法使用指定函数检测数组中的所有元素。

• 如果数组中检测到有一个元素不满足，则整个元素返回false,并且不执行以后元素的检测。
• 如果所有元素都满足条件，则返回true。

示例：

const material=material_array.every(e=>e.materialcode=="00061057")
console.log(material)

执行结果：

false

4、array.some()

some()方法用于检测数组中的元素是满足指定条件（函数提供）。

some()方法会依次执行数组的每个元素。

• 如果有一个元素满足条件，则表达式返回true,剩余的元素不会再执行检测。
• 如果没有满足条件的元素，则返回false。

 const has=material_array.some(e=>e.materialcode=="00061057")

执行结果：

true