欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-14 21:00:39
...
上一篇文章中我们了解了用固定值填充数组的方法,请看《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数组里的元素如何执行指定函数的详细内容,更多请关注其它相关文章!

相关标签: javascript