循环语句性能

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]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值