数组遍历
- 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中合并覆盖