遍历
数组遍历
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
//for
for (let i = 0; i < arr.length; i++) {
console.log(i); //i -- 遍历得到索引值
}
//for...in
for (let index in arr) {
console.log(index); //index -- 遍历得到索引值
}
//forEach
arr.forEach((currentValue, index, arr) => {
console.log(currentValue, index, arr); //currentValue -- 当前数组项,index(可选) -- 索引,arr(可选) -- 数组本身
});
//for...of
for (let value of arr) {
console.log(value); //value -- 遍历得到数组项的值
}
for…of可遍历的范围包括字符串、数组、类数组对象(arguments对象、DOM的Nodelist对象)、Set结构、Map结构。但是不能用来遍历对象,对象并未部署Iterator接口,会提示:obj is not iterable
- for…of可以遍历字符串,得到字符串的每一个字符
对象
对象的遍历用for…in
let obj = {
name: 'lucy',
age: 23,
sex: 'female'
}
for (let attr in obj) {
console.log(attr); //attr -- 属性名
}