for语句

for语句常用于数组的循环，如：

1
2
3
4
5
6
7
8
9
10
let arr = [1,2,3,34,4];
for(let i = 0; i < arr.length; i++){
    console.log('索引：'+ i + '对应值：' + arr[i]);
}
// 输出：
// 索引：0对应值：1
// 索引：1对应值：2
// 索引：2对应值：3
// 索引：3对应值：34
// 索引：4对应值：4

但是for也可以用于类数组对象的遍历，具有代表性的类数组对象就是NodeList

1
2
3
4
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>

1
2
3
4
let nodes = document.querySelectorAll('div');
for(let i=0; i < nodes.length; i++){
    console.log(nodes[i]);
}

如果你非要它应用于对象上，那么你可以这样做

1
2
3
4
5
6
7
let obj = {
    a: 1,
    b: 2
};
for(let i = 0; i < Object.keys(obj).length; i++){
    console.log(Object.keys(obj)[i])
}

但是我们不建议这样做–脱裤子放屁！

fo..in语句

for..in语句会以任意顺序遍历一个对象的可枚举属性（包含了原型链上的属性），你可以得到其键值

1
2
3
4
5
6
7
8
let obj = {
    a: 1,
    b: 2
};
for(let key in obj){
    console.log(key);
}
for

何莹亮原创技术文章，转载请注明出处：https://heyingliang.github.io/mark/2018/09/12/for/

目录