【js重学系列】常用循环方法

for循环 (最传统的方法)

点击查看代码

let arr=[a,b,c,d]
for (var i = 0; i < arr.length; i++) {
      console.log(arr[i]);
}

forEach循环

点击查看代码

arr.forEach((v,i)=>{
      //v代表数组中的每一项，i代表数组中的索引
      console.log(v,i);
})
在遍历dom节点时，获取到的一般是nodelist节点数组，就不能用forEach方法遍历，
[].forEach.call(divobj, function(v) {
  // do whatever
});

for in循环 常用来遍历对象

点击查看代码

let arr=[1,2,3,4]
let obj={a:1,b:2,c:3,d:4}
for (let k in arr) {
	console.log(k);//索引
	console.log(arr[k]);//值
}

for (let k in obj) {
	console.log(k);//键
	console.log(obj[k]);//值
}

for of循环

点击查看代码

for (let v of arr) {
	console.log(v);//值
}
**不能直接遍历对象**
for(let i of Object.keys(obj)){
       console.log(i+':'+obj[i]) //索引和值
}