关于if (obj.length === +obj.length)判断


underscore.js 用来操作数组数据十分的方便,今天在阅读underscore.js源码的时候发现了一个判断语句,一时没看懂是什么意思,后来仔细分析了一下,也到网上查阅相关的资料。

  
  
  1. if (obj.length === +obj.length){
  2. for (var i = 0,length = obj.length; i < length; i++){
  3. if (iterator.call(context, obj[i], i, obj) === breaker)
  4. return;
  5. }
  6. }

源码如上,请注意if判断,看上去很奇怪很难懂,先把这句话的意思表达一起,如果换一种写法你肯定就会明白了,其实这句话等价于另外一种写法 :

  
  
  1. if (typeof obj.length === number && !isNaN(obj.length))

看上去这样写似乎更能够让人看懂,而且也能达到效果,但为什么作者要这样写呢,接下来我们需要关注两个地方:

  • 第一个就是‘===’,全等符号
  • 第二个就是‘+’ 加号

先说一下全等号的作用,在一般的if判断中,我们更多的是使用‘==’,这种模式比如if(2 == ‘2’),这时候我们得到的返回结果为true,但在‘===’,这种模式下,我们得到的结果是false。这是因为全等符号是不会将比较的对象进行类型转换的。

再说一下‘+’,在此处说所起到的作用,你可以动手做一个实验,在控制台中执行下面这句话+’2’,你可以看到返回值为数字类型的2,其实不难理解,’+’号其实是将后面跟的操作数转型成了数字类型。

我们在是想一下作者这样写的目的,如果obj是一个string类型,如”abc”,我们可以拿到length属性,如果是一个function,或者一个数组,我们都可以拿到他们的length属性,但如果是一个object类型的数据,它可能是不包含length属性的。对于非数组、非字符串、非函数类型的数据,我们可以尝试使用for in循环来遍历数据。这样看来其实作者这样的写法,更是想能区分数组类型的数据或者类数组数据如字符串等。

好的,您想要对这段代码进行优化。我给您提供两种优化方式。 1. 使用数组的 `find` 方法代替内部循环 `find` 方法可以在数组中查找符合条件的第一个元素,并返回该元素。如果没有找到,返回 `undefined`。因此,可以将内部循环改写为使用 `find` 方法实现,代码如下: ```javascript for (let i = 0; i < arr1.length; i++) { const obj1 = arr1[i]; const obj2 = arr2.find(item => item.name === obj1.name); if (obj2) { obj1.age = obj1.age ? obj1.age + obj2.age : obj2.age; } } ``` 上面的代码中,`find` 方法用于查找 `arr2` 中满足条件的对象 `obj2`,如果找到了,再将 `obj2` 的 `age` 属性加到 `obj1` 的 `age` 属性上。 2. 使用对象或 Map 结构代替数组 如果您对数据结构进行一定的调整,可以使用对象或 Map 结构来代替数组,从而实现更高效的查找。具体来说,可以将 `arr2` 转换为一个对象或 Map 结构,以 `name` 属性作为键,以对应的对象作为值。这样,在查找 `obj2` 的过程中,就可以直接使用对象或 Map 结构的查找方法,而无需遍历整个数组。代码如下: 使用对象结构: ```javascript const objMap = {}; for (let i = 0; i < arr2.length; i++) { const obj = arr2[i]; objMap[obj.name] = obj; } for (let i = 0; i < arr1.length; i++) { const obj1 = arr1[i]; const obj2 = objMap[obj1.name]; if (obj2) { obj1.age = obj1.age ? obj1.age + obj2.age : obj2.age; } } ``` 使用 Map 结构: ```javascript const objMap = new Map(); for (let i = 0; i < arr2.length; i++) { const obj = arr2[i]; objMap.set(obj.name, obj); } for (let i = 0; i < arr1.length; i++) { const obj1 = arr1[i]; const obj2 = objMap.get(obj1.name); if (obj2) { obj1.age = obj1.age ? obj1.age + obj2.age : obj2.age; } } ``` 上面的代码中,首先通过遍历 `arr2` 将其转换为一个对象或 Map 结构,然后在遍历 `arr1` 进行查找和计算。在查找 `obj2` 的过程中,使用对象或 Map 结构的查找方法,这样可以避免内部循环,从而提高代码效率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值