js数组里的元素如何执行指定函数

文章2022-04-2589 人已阅来源:网络

上一篇文章中我们了解了用固定值填充数组的方法,请看《js如何用固定的元素填充数组》。这次我们来了解一下元素执行指定函数的方法,有需要的可以参考参考。

首先我们来看一个小例子。

<script>
var arr = new Array(7); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
arr.forEach(element => console.log(element));
</script>

这个小例子的结果是

js数组里的元素如何执行指定函数

仔细观察一下这个结果,我们可以发现,这个结果是将数组中存在的元素都给输出了。再去看看这个代码,这代码中使用了“console.log”,同时我们还使用了forEach这个方法,我们就来具体看一下吧。

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

去看看这个方法的语法格式吧。

数组名称.forEach(数组中每个元素执行的函数(正在处理的当前元素,正在处理的当前元素的索引,正在操作的数组), 执行回调函数时,用作this的值)

forEach() 方法按升序为数组中含有效值的每一项执行一次 callback 函数,那些已删除或者未初始化的项将被跳过(例如在稀疏数组上)。该方法为每个数组元素执行一次 callback 函数;与 map() 或者 reduce() 不同的是,它总是返回 undefined 值,并且不可链式调用。其典型用例是在一个调用链的最后执行副作用。

forEach() 被调用时,不会改变原数组,也就是调用它的数组(尽管 callback 函数在被调用时可能会改变原数组)。

注意: 除了抛出异常以外,没有办法中止或跳出 forEach() 循环。如果你需要中止或跳出循环,forEach() 方法不是应当使用的工具。

若你需要提前终止循环,你可以使用:

一个简单的 for 循环

  • for...of / for...in 循环

  • Array.prototype.every()

  • Array.prototype.some()

  • Array.prototype.find()

  • Array.prototype.findIndex()

就说到这里了,有需要的可以看:javascript基础教程

以上就是js数组里的元素如何执行指定函数的详细内容!