forEach
let arr= ["a", "b", "c"];
a['xx']='c'; // 但是这边如果设置一个非数字的键值队
arr.forEach(function (item, index, array){ // 声明(不关心如何实现)
console.log(item); // 值
console.log(index); // 键值
console.log(array); // 数组
}
// =>>>>>> 控制台输出
// a
// 0
// ["a", "b", "c", xx: "c"]
// b
// 1
// ["a", "b", "c", xx: "c"]
// c
// 2
// ["a", "b", "c", xx: "c"]
// 键值队不是为数字的,将不执行
for…in 语句以任意顺序遍历一个对象的可枚举属性的属性名。
for (variable in object) {...}
var obj = {a:1, b:2, c:3};
for(var prop in obj){
console.log(prop);
}
//a
//b
//c
for(var prop in obj){
console.log(obj[prop]);
}
//1
//2
//3
for…of
在可迭代对象(Array,Map,Set,String,TypedArray,arguments)上创建一个迭代循环。
1.遍历数组
2.遍历Map
3.遍历Set
-----------------以上 forEach 都可以完成
4.遍历 字符串
// 遍历 字符串
let str = "boo";
for(let val of str){
console.log(val);
}
// "b"
// "o"
// "o"
5.遍历DOM集合
let divs = document.querySelectorAll("div");
for(let div of divs){
div.className = "red";
}
6.但是它不能遍历对象(使用for…in…)