js 替代for 循环的一些东西

现在在javascript中几乎所有的for循环都可以被map,filter,find,some,any,forEach等函数式编程取代。

1.0 JS中的map

定义和用法:

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

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

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

语法:

array.map(function(currentValue,index,arr), thisValue)

demo:

var nums=[10,20,30];

    nums.map(function(value,index,arr){
        document.write('value值为:'+value); //10 20 30
        document.write('index值为:'+index); //0 1 2
        document.write('arr值为:'+arr); //[10,20,30]
    })
2.0 js的filter

定义和用法

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意: filter() 不会对空数组进行检测。

注意: filter() 不会改变原始数组。

语法

array.filter(function(currentValue,index,arr), thisValue)
3.0 find

定义和用法

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

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

  • 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 undefined

注意: find() 对于空数组,函数是不会执行的。

注意: find() 并没有改变数组的原始值。

语法

array.find(function(currentValue, index, arr),thisValue)
 
4.0 ,some, 用法跟3.0 一模一样的
 
5.0 

Array every() 方法

,

定义和用法

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

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

  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
  • 如果所有元素都满足条件,则返回 true。

注意: every() 不会对空数组进行检测。

注意: every() 不会改变原始数组。

语法

array.every(function(currentValue,index,arr), thisValue)
 
 
6.0 forEach
 

定义和用法

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

注意: forEach() 对于空数组是不会执行回调函数的。

语法

array.forEach(function(currentValue, index, arr), thisValue)
 
 
7.0 array的一些用法和方法
 
https://www.runoob.com/jsref/jsref-obj-array.html
 
 
 
原文地址:https://www.cnblogs.com/lieaiwen/p/11739697.html