js通过循环的方式遍历数组元素

<!DOCTYPE html>

<html>

<body>


<h1>JavaScript 数组</h1>


<p>遍历数组的最佳方法是使用标准的 for 循环:</p>


<p id="demo"></p>


<script>

var fruits, text, fLen, i;

fruits = ["Banana", "Orange", "Apple", "Mango"];

fLen = fruits.length;


text = "<ul>";

for (i = 0; i < fLen; i++) {

  text += "<li>" + fruits[i] + "</li>";

}

text += "</ul>";


document.getElementById("demo").innerHTML = text;

</script>


</body>

</html>

Tips:在数组中的每个元素执行操作,放入无序列表中。


<!DOCTYPE html>

<html>

<body>


<h1>JavaScript 数组</h1>


<p>Array.forEach() 为每个数组元素调用函数。</p>


<p>Internet Explorer 8 以及更早的版本不支持 Array.forEach()。</p>


<p id="demo"></p>


<script>

var fruits, text;

fruits = ["Banana", "Orange", "Apple", "Mango"];


text = "<ul>";

fruits.forEach(myFunction);

text += "</ul>";

document.getElementById("demo").innerHTML = text;


function myFunction(value) {

  text += "<li>" + value + "</li>";

}

</script>


</body>

</html>

Tips:使用.foreach() 函数 可以实现相同效果。即 为每个数组元素调用一次函数(回调函数)。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容