ES学习笔记(五)——数组的循环和数组新增的东西

一. arr.forEach()   循环遍历数组

作用:用于调用数组的每个元素,并将数组的每个元素传给回调函数。

语法:array.forEach(function(currentValue. index, array), thisValue)

currentValue: 当前元素 (必需)   index: 当前元素的索引值(可选)

array:当前元素所说的数组对象     thisValue: 传递给回调函数的参数,一般为this, 若为空则是undefined                         

代替普通的for循环,接受两个参数(循环的回调函数,this指向谁)

例1:

ES学习笔记(五)——数组的循环和数组新增的东西

 

结果:

 

ES学习笔记(五)——数组的循环和数组新增的东西

二. map映射

作用:映射,即原数组被映射为新数组(新数组是该数组中每个元素调用回调函数返回的结果)。

语法:array.map(callback, {thisObject})

callback :function (value,index,array)  (callback函数需要有返回值)非常有用,做数据交互映射。正常情况下需要配合return,

返回的是一个新数组 ,没有return,相当于aee.forEach

重新整理数据结构:

例2:

ES学习笔记(五)——数组的循环和数组新增的东西

 

结果:

 

ES学习笔记(五)——数组的循环和数组新增的东西

 

三. arr.filer()   过滤一些不合格的元素,如果回调函数返回true就留下来

例3:

ES学习笔记(五)——数组的循环和数组新增的东西

结果:

ES学习笔记(五)——数组的循环和数组新增的东西

 

四.arr.some()         类似查找 ,数组里面某一个元素符合条件,就返回true

例4:

ES学习笔记(五)——数组的循环和数组新增的东西

结果:返回true

 

五. for of  循环

例5:

ES学习笔记(五)——数组的循环和数组新增的东西

结果:

ES学习笔记(五)——数组的循环和数组新增的东西

 arr.keys()   数组的下标                  arr.entries() 数组的某一项

 六. arr.from()  把类数组(获取一组数组元素,arguments...具备length属性)对象转换成数组

ES学习笔记(五)——数组的循环和数组新增的东西

 

ES学习笔记(五)——数组的循环和数组新增的东西

 

七. arr.find()  查找 找出数组第一个符合要求的数组成员,如果没找到返回undefined

ES学习笔记(五)——数组的循环和数组新增的东西

 

结果:101

八. arr.includes()   查找数组是否包含某个元素

ES学习笔记(五)——数组的循环和数组新增的东西

结果:返回false