VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > JavaScript教程 >
  • 前端开发中常用的数组方法(一)

前端开发中常用的数组方法(一)

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
来源:https://www.cnblogs.com/buge/p/14929868.html

相关教程