for & while
基于 var 声明时,性能差不多。
基于 let 声明时,for 性能更好。
forEach
性能差一些
arr.forEach((item)=>{}, obj)
obj
是每一轮回调的 this
Array.prototype.forEach = function(callback){
let arr = this
let len = arr.length
let args2 = arguments[1] || window // forEach 第二个参数改变函数中的this,没传则this为window
for(let i = 0; i < len; i++){
callback.apply(args2, [arr[i], i, arr])
}
}
for in
性能更差
他会把在原型链上的也给遍历了
Object.prototype.fn = ()=>{}
let obj = {
name:"ahah",
age:12,
[Symbol("aa")]: 10,
0: 22,
1: 33
}
for(let key in obj){
console.log(key)
}
// 输出 0 1 name age fn
// 遍历时数字优先,且数字由小到大
// Symbol 属性的遍历不到
let keys = Object.keys(obj) // 会去掉原型链上的,但不包含 Symbol
if(typeof Symbol !== "undefined"){ // 浏览器支持 Symbol
keys = keys.concat(Object.getOwnPropertySymbols(obj)) // 这个函数可以拿到所有 Symbol key
}
for of
比 for in
强
使用 for of
去遍历一个数据结构时,先去找 Symbol.iterator
,找到了就去遍历,没找到就不能。可以给对象加
let obj = {
[Symbol.iterator]: function(){
let nextIndex = 0 , self = this
return {
next: function(){
return nextIndex < self.length ? {value: self[nextIndex++], done: false} : {value: undefined, done: true}
}
}
}
}
以后想用 for of 遍历一个对象 obj 可以直接
obj[Symbol.iterator] = Array.prototype[Symbol.iterator]