数组方法原理解析

js数组基础与方法原理

我们日常开发中， 经常使用数组来存储后台接口返回的一些数据。我们也经常用到一些操作数组的方法。接下来我将重新写一下这个方法。以便我们更好的理解各个方法的用途

forEach方法

forEach() 方法对数组的每个元素执行一次提供的函数。

上图是forEach 的简单用法，接下来我们自己写一个forEach 方法

上图是我自己使用for循环实现了 forEach 方法

filter方法

filter()方法是一个常用的方法
定义：filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。

上图所示为filter ()的简单用法， 把array数组中的整数筛选出来，接下来我将使用简单的for 循环实现这个功能。

与上边的结果一模一样，这样我们就简单的写了一个filter()方法了。我们继续吧

map方法

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

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

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

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

接下来我用自己的方法来实现一个map()

every方法

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

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

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。
注意： every() 不会对空数组进行检测。

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

接下来手写一下every（）

some方法

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

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

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素，则返回false。
注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

接下来手写some 方法来了

我的分享已经完毕了。
感谢大家的观看。
接下来我会对数组剩下的方法进行书写。