<!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() 函数 可以实现相同效果。即 为每个数组元素调用一次函数(回调函数)。