你会用哪些JavaScript循环遍历

原创 Fly丶 随笔 js 97阅读 2018-12-11 17:26:39 举报

总结JavaScript中的循环遍历
定义一个数组和对象

for()

经常用来遍历数组元素

遍历值为数组元素索引

forEach()

用来遍历数组元素

第一个参数为数组元素,第二个参数为数组元素索引,第三个参数为数组本身(可选)

没有返回值

```arr.forEach((item, index) => {
console.log(item); // a b c d e f
console.log(index); // 0 1 2 3 4 5
})

every(),some(),filter(),reduce(),reduceRight()不再一一介绍,详细请看Js中Array方法有哪些?
let arrData = arr.map((item, index) => {
console.log(item); // a b c d e f
console.log(index); // 0 1 2 3 4 5
return item;
})
console.log(arrData); // ["a", "b", "c", "d", "e", "f"]

for (let key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(key); // a b c d 属性
console.log(obj[key]); // 1 2 3 4 属性值
}
}

for (let index in arr) {
console.log(index); // 0 1 2 3 4 5 数组索引
console.log(arr[index]); // a b c d e f 数组值
}

for (let index in arr) {
console.log(index); // 0 1 2 3 4 5 name (会遍历出我们自定义的属性)
console.log(arr[index]); // a b c d e f 我是自定义属性name
}

for (let value of arr) {
console.log(value); // a b c d e f 数组值
}

for (let value of Object.keys(obj)) {
console.log(value); // a b c d 对象属性
}

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复