js遍历方法

1、普通for循环

let arr = ["one","two","three",1,2,3]
for(let i = 0; i < arr.length; i++) {
    console.log(arr[i] + '/' + i)
}

2、优化版for循环

let arr = ["one","two","three",1,2,3]
for(let i = 0,len=arr.length; i < len; i++) {
    console.log(arr[i] + '/' + i)
}

3、foreach循环

let arr = ["one","two","three",1,2,3]
arr.forEach((item,index) => {
    console.log(item + '/' + index)
})

4、for in循环 (循环对象属性的时候，推荐使用for in)

let arr = ["one","two","three",1,2,3]
for(var i in arr){
    console.log(arr[i] +'/' + i)
}

4、for of循环 (遍历数组的时候，推荐使用for of)

let arr = ["one","two","three",1,2,3]
for(var item of arr){
    console.log(item);
}

5、map循环

let arr = ["one","two","three"]
var arr2 = arr.map(item => {
    return item.toUpperCase();
})
console.log(arr2)  //[ONE,TWO,THREE]
let array = [1,2,3]
var array2 = array.map(item => {
    return item*item
})
console.log(array2) //[1,4,9]

6、filter

let arr = ["one","two","three",1,2,3]
let arr2 = arr.filter(item => {
    if(typeof item == 'number'){
         return item
     }
})
console.log(arr2)  //[1,2,3]