1、for in 一般用于遍历对象
//遍历对象
for (const key in obj) {
console.log(key); //key
console.log(obj[key]); //value
}
2、for of
//一个数据结构只有部署了 Symbol.iterator 属性, 才具有 iterator接口可以使用 for of循环。
/*
以下数据部署了Symbol.iterator 属性:
数组 Array
Map
Set
String
arguments对象
Nodelist对象, 就是获取的dom列表集合
*/
//数组有Symbol.iterator 属性:,可以遍历数组
//遍历数组的每一项
var arr = ['aa', 'bb', 'cc'];
for (const item of arr) {
console.log(item);//aa bb cc
}
console.log('//');
//遍历数组的每一项
var arrObj = [
{
name: '小明',
age: 20,
}
];
for (const item of arrObj) {
console.log(item);//object
console.log(item.name);//小明
console.log(item.age);//20
}
3、for each
/*1、第一个参数,正在遍历的元素值,必须写
2、第二个参数,数组索引值,可写
3、第三个参数,数组对象,可写
*/
var arr = ['aa','bb','cc','dd'];
arr.forEach(function(value,index,array){
console.log(value);//数组的各个元素值
// console.log(index);
// console.log(array);
})