JavaScript for of遍历数组

JavaScript for of遍历数组教程

JavaScript数组 的遍历时,如果我们使用 for in 遍历数组,获取的是数组的索引而不是数组元素。JavaScript 还提供了 for of 来遍历数组,此时返回的不再是数组的索引,而是数组的元素。

JavaScript for of详解

定义

使用 for of 遍历数组,获取的每一个元素是数组的元素,而不是索引。

语法

for (var item of arr){ //item }

技术细节

使用 for of 遍历数组,需要 ES 6 即以上版本。

案例

for of循环遍历数组元素

使用 for of 循环遍历数组的每一个元素

<!DOCTYPE html> <html> <head> <title>JavaScript for ofn循环遍历数组的每一个元素</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var arr = new Array("Hello", "HaiCoder", "Hello", "JavaScript"); for (var item of arr){ console.log("Value =", item); } </script> </head> </html>

程序运行后,控制台输出如下:

27_Javascript for of循环遍历数组.png

我们使用 for of 来遍历数组的每一个元素,同时,for of 返回的是数组的具体的元素,而不是数组的索引。

JavaScript for of遍历数组总结

JavaScript 还提供了 for of 来遍历数组,此时返回的不再是数组的索引,而是数组的元素。JavaScript for of 语法:

for (var item of arr){ //item }