js-数组遍历
2019-04-28 本文已影响0人
椋椋夜色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>数组遍历</title>
<script>
var arr = ['一', '二', '三', '四', '五', '六', '日'];
console.log(arr); // ["一", "二", "三", "四", "五", "六", "日"] 下标 0 - 6;length = 7;
// 第一种 正序遍历:从第 0 个 遍历到最后一个
for (var i = 0; i < arr.length; i++) {
console.log('星期' + arr[i]); // 星期一,星期二,星期三...
}
console.log('.................华丽分割线..................');
// 第二种 正序遍历:从第 0 个 遍历到最后一个
for (var i = 0; i <= arr.length - 1; i++) {
console.log('星期' + arr[i]); // 星期一,星期二,星期三...
document.write('星期' + arr[i] + ' \t'); // 在页面显示: 星期一,星期二,星期三...
}
console.log('.................华丽分割线..................');
// 倒序遍历:从 最后一个 往 第0个 遍历 i-- -> i = i - 1;
for (var i = arr.length - 1; i >= 0; i--) {
console.log('星期' + arr[i]); //星期日 星期六 星期五...
document.write('星期' + arr[i] + ' \t'); // 在页面显示 星期日 星期六 星期五...
}
console.log('.................华丽分割线..................');
</script>
</head>
<body>
</body>
</html>