Rumah > Artikel > hujung hadapan web > JavaScript中foreach函数怎么使用

JavaScript中foreach函数怎么使用

不言asal: 2018-12-24 16:16:479239semak imbas

在JavaScript中数组可以处理多个数据，而foreach函数可以对数组的每个数据执行类似的处理，本篇文章就来详细介绍一下JavaScript中foreach函数的用法。

JavaScript

我们先来看一下foreach函数基本语法

回调函数是对数组的每个数据执行的过程。

数组.foreach（回调函数）

我们下面使用foreach函数进行迭代处理

具体代码如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
    var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
    cats.forEach(function( cat ) {
      console.log( cat );
    });
    var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
    runners.forEach(function( runner, index ) {
      console.log("第" + (index + 1) + "是" + runner + "同学。" );
    });
    </script>
  </body>
</html>

运行结果如下

JavaScript

我们下面来具体分析一下上述代码

代码1：

var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
cats.forEach(function( cat ) {
console.log( cat );
});

设置一个“cats”的数组，并对每个数组数据执行foreach处理。函数接收数组的每个数据作为一个为cat的变量，并在console.log中输出。对数组中的数据重复此操作。

结果，输出以下字符串。

JavaScript

代码2：

var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
runners.forEach(function( runner, index ) {
console.log( (index + 1) + "第二位是" + runner + "同学。" );
});

回调函数可以获取数据索引号作为参数。

设置一个“runners”的数组，并对每个数组数据执行foreach处理。

结果，输出以下字符串。

2345截图20181224160846.png

本篇文章到这里就全部结束了，更多精彩内容大家可以关注php中文网的相关教程栏目！！！

Atas ialah kandungan terperinci JavaScript中foreach函数怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php JavaScript foreach 回调函数字符串 console

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JavaScript中eval函数的使用方法及使用风险Artikel seterusnya：JavaScript中filter如何使用

Artikel berkaitan

Lihat lagi