JavaScript数组forEach()方法

下面是一个例子 数组forEach() 方法

null
  • 例子:

    <script>
    // JavaScript to illustrate forEach() method
    function func() {
    // Original array
    const items = [12, 24, 36];
    const copy = [];
    items.forEach( function (item) {
    copy.push(item + item+2);
    });
    document.write(copy);
    }
    func();
    </script>

    
    

  • 输出:
    26,50,74

这个 arr.forEach() 方法为数组的每个元素调用提供的函数一次。所提供的函数可以对给定数组的元素执行任何类型的操作。

语法:

array.forEach(callback(element, index, arr), thisValue)

参数: 该方法接受上述五个参数,如下所述:

  • 回拨: 此参数保存要为数组的每个元素调用的函数。
  • 要素: 该参数保存当前正在处理的元素的值。
  • 索引: 此参数是可选的,它保存数组中从0开始的当前值元素的索引。
  • 数组: 此参数是可选的,它保存在哪个数组上的完整数组。每个人都被称为。
  • thisArg: 此参数是可选的,它保存要传递的上下文,以便在执行回调函数时使用。如果传递了上下文,则每次调用回调函数时都会像这样使用它,否则默认使用undefined。

返回值: 此方法的返回值始终为 未定义 。此方法可能会更改提供的原始数组,也可能不会更改,因为它取决于参数函数的功能。

下面的示例演示了JavaScript中的数组forEach()方法:

  • 例子: 在本例中,方法 forEach() 计算数组中每个元素的平方。
    const items = [1, 29, 47];
    const copy = [];
    
    items.forEach(function(item){
      copy.push(item*item);
    });
    print(copy);
    

    输出:

    1,841,2209

下面提供了上述方法的代码:

节目:

<script>
// JavaScript to illustrate forEach() method
function func() {
// Original array
const items = [1, 29, 47];
const copy = [];
items.forEach( function (item) {
copy.push(item * item);
});
document.write(copy);
}
func();
</script>


输出:

1,841,2209

支持的浏览器: JavaScript支持的浏览器 数组forEach() 方法如下:

  • 谷歌Chrome 1及以上版本
  • 边缘12及以上
  • Firefox 1.5及以上版本
  • Internet Explorer 9及以上版本
  • Opera 9.5及以上
  • Safari 3及以上
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享