js循环遍历

数组遍历

• for循环

let arr = [1,2,2,4,5,6,7,8]
for(let i = 0; i < arr.length; i ++) {
    console.log('i', i)
}

• for in（不仅可以遍历数组，也可以遍历对象）

注意：for in会遍历数组所有可枚举的属性，包括原型上的，所以常使用for in遍历对象，不用于遍历数组
for(let i in arr) {
    console.log('i', i)
}

for in不仅可以遍历数组，也可以遍历对象
let obj = {
    a: 'A',
    b: 'B',
    c: 'C'
}
for(let k in obj) {
    console.log(k)
}

• forEach

缺陷：不能使用break语句中断循环，也不能使用return语句返回到外层函数。
arr.forEach((v,i) => {
    console.log(i + ':' + v)
})

• map（返回新数组）

let arr = [6,5,4,3,2,1]
let mapArr = arr.map((v,i,array) => {
    return v + 1
})

扩展：map和forEach区别
map和forEach使用方式，参数都类似，区别在于map会返回一个新数组，forEach不会

• for of（不能遍历对象）es6

keys() ：遍历key值
values() ：遍历value值
entries() ：遍历key和value

let arr = [1,2,2,4,5,6,7,8]
for(let i of arr.keys()) {
    console.log(i)
}
for(let v of arr.values()) {
    console.log(v)
}
for(let item of arr.entries()) {
    console.log(item)
}

常直接用以下即可
for(let v of arr) {
    console.log(v)
}

对象遍历

• for in

for in不仅可以遍历数组，也可以遍历对象
let obj = {
    a: 'A',
    b: 'B',
    c: 'C'
}
for(let k in obj) {
    console.log(k)
}

注意：for in会遍历数组所有可枚举的属性，包括原型上的，若不想遍历原型上的方法和属性，使用hasOwnPropery判断一下

for (var key in myObject) {
　　if（myObject.hasOwnProperty(key)){
　　　　console.log(key);
　　}
}

• Object.keys(obj)、Object.values(obj)

let obj = {
    a: 'A',
    b: 'B',
    c: 'C'
}
console.log(Object.keys(obj)) ----["a", "b", "c"]
console.log(Object.values(obj)) -----["A", "B", "C"]

拓展：Object.assign(obj1, obj2)
合并对象: 把obj2往obj1中合并覆盖