- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
原生 Array.prototype.forEach()
非常慢。我不知道为什么。另外,我不知道为什么在Underscore.js中实现的 _.each()
。我认为人们通常认为,如果它在库中,或者它是由浏览器实现的,那么它是正确的/有效的,直到被证明不正确/有效。
证明如下:
http://jsperf.com/native-vs-implmented-0
如果我们简单地从 underscore, _.each 中删除 native 调用,我们得到:
var each = _.each = _.forEach = function(obj, iterator, context) {
if (obj == null) return;
if (obj.length === +obj.length) {
for (var i = 0, l = obj.length; i < l; i++) {
if (iterator.call(context, obj[i], i, obj) === breaker) return;
}
} else {
for (var key in obj) {
if (_.has(obj, key)) {
if (iterator.call(context, obj[key], key, obj) === breaker) return;
}
}
}
};
我也打算询问下划线团队,但我想确认我没有遗漏任何明显的东西。
这是可以提高性能的有效缩减吗?性能下降是希望有一天它会更快吗?这种减少是否可以在不丢失有用功能的情况下提高性能?
最佳答案
看看Lo-Dash .作者做了很多工作来研究这些性能问题,尤其是在 this blog post 中。和 this video .
如果性能是您的目标,那么您最好编写自己的迭代器,该迭代器只执行您需要的操作,而不会执行其他操作——那么它的性能应该会非常好。例如,在许多情况下,您只需要数组元素而不需要索引。您绝对不需要使用 .call()
将数组元素作为 this
传递给回调,因为它也是作为命名参数传递的。你真的需要让 return false;
在回调中终止循环吗?我不记得我最后一次用它了。所以它可以像这样简单:
function eachElement( array, callback ) {
for( var i = 0, n = array.length; i < n; ++i ) {
callback( array[i] );
}
}
在速度方面很难超越它。
当你需要索引时,你可以有一个单独的版本:
function eachElementAndIndex( array, callback ) {
for( var i = 0, n = array.length; i < n; ++i ) {
callback( array[i], i );
}
}
你可以使用更短的函数名;为了清楚起见,我只是在这里使用了这些长名称。结果可能是 eachElementAndIndex()
足够快,因此您可以调用它 each()
并完成它。
值得注意的是,@YuryTarabanko在上面的评论中指出,这些简化的迭代器不符合 Array.prototype.forEach()
的规范。除了不将数组元素作为 this
传递并且不将整个数组作为第三个参数传递之外,它们不检查丢失的元素并将为 0 中的每个数组索引调用回调
到 array.length - 1
而不管数组元素是否实际存在。例如。
其实Underscore.js的_.each()
在这方面是不一致的。当它回退到 Array.prototype.forEach()
时,它会跳过缺失的元素,但当它使用自己的 for
循环时,它会包含它们。
尝试转到 underscorejs.org并将其粘贴到 Chrome 控制台中:
function eachElementAndIndex( array, callback ) {
for( var i = 0, n = array.length; i < n; ++i ) {
callback( array[i], i );
}
}
function log( e, i ) {
console.log( i + ':', e );
}
var array = [];
array[2] = 'two';
console.log( 'eachElementAndIndex():' );
eachElementAndIndex( array, log );
console.log( '_.each() using native .forEach():' );
_.each( array, log );
console.log( '_.each() using its own loop:' );
var saveForEach = Array.prototype.forEach;
delete Array.prototype.forEach;
_.each( array, log );
Array.prototype.forEach = saveForEach;
console.log( 'Done' );
它记录:
eachElementAndIndex():
0: undefined
1: undefined
2: two
_.each() using native .forEach():
2: two
_.each() using its own loop:
0: undefined
1: undefined
2: two
Done
在许多(可能是大多数)情况下,缺少元素并不重要。您正在使用您创建的数组或 JSON 数组,并且您知道它没有任何缺失的元素。特别是对于 JSON 数组,这从来都不是问题,因为 JSON 没有办法生成缺少元素的数组。 JSON 数组可以有 null
元素,但 `.forEach() 像其他任何元素一样包含这些元素。
只要您的简化迭代器执行您想要的操作并且未命名为 Array.prototype.forEach
,您就不必担心它会满足您自己以外的任何规范。但是,如果您确实需要跳过丢失的数组元素,请在您自己的代码中考虑到这一点或使用标准的 .forEach()
。
此外,为了进一步简化您正在查看的 Underscore 代码,因为我们正在谈论 .forEach()
,这意味着我们只在谈论
部分,而不是 _.each()
的 ArrayObject
部分。所以真正感兴趣的代码路径是这样的:
var each = _.each = _.forEach = function(obj, iterator, context) {
if (obj == null) return;
if (obj.length === +obj.length) {
for (var i = 0, l = obj.length; i < l; i++) {
if (iterator.call(context, obj[i], i, obj) === breaker) return;
}
}
};
关于javascript - 如何简化和加速_.each?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17457171/
hello1 hello2 hello3 hello4 hello5 hello6
有没有更简短的写法: (apply f (cons a (cons b (cons c d)))) ? 谢谢! (我正在编写一些调用其他函数的辅助函数,这种“模式”似乎经常出现
.NET团队北京时间2024年5月22日已正式发布.NET Aspire ,在博客文章里做了详细的介绍:.NET Aspire 正式发布:简化 .NET 云原生开发 - .NET 博客 (micros
在this dbfiddle demo我有一个 DELETE FROM...WHERE 最后像这样: ...... DELETE FROM data_table WHERE
我有几个 if 语句,如下面的一个。我假设这是一种非常糟糕/长期的编码方式,但不确定我应该做些什么不同的事情。有人有什么建议吗? 谢谢 For a = 1 To Leagues If a =
有什么类似的战术simpl为 Program Fixpoint ? 特别是,如何证明以下无关紧要的陈述? Program Fixpoint bla (n:nat) {measure n} := mat
我使用此代码来跟踪表单上是否有任何更改: $(document).on('input', '.track', function() { var form = $(this); }); 由于这不
我有以下函数,我想用 for 循环来简化它,但不知道该怎么做。任何帮助都感激不尽。基本上,如果字段值为 0 或 null,则我的总值(字段)应为 0,否则,如果字段值从 1 到 1000,则总值变为
我正在尝试对时间字符串执行非常简单的解析 data Time = Time Int Int Int String -- example input: 07:00:00AM timeParser ::
为了使我的代码更具可读性和更简单,我对这段代码绞尽脑汁: var refresh = setInterval(datumTijd, 1000); function datumTijd() { do
这个问题已经有答案了: Check if a variable is in an ad-hoc list of values (8 个回答) 已关闭 9 年前。 只是一个基本的if声明,试图使其更简单
我有一个这样的 if 语句 int val = 1; if (val == 0 || val == 1 || val == 2 || ...); 有没有更简单的方法?例如: int val = 1;
我有一个程序,其中有一些 if 语句,与我将要向您展示的程序类似。我想知道你们是否可以帮助我以任何方式简化这个方程。我之所以问这个问题,是因为在我的 Notepad++ 中,它持续了 443 列,如果
是否可以简化这个 if 语句? 如果是,答案是什么? if (type) { if(NdotL >= 0.0) { color
我有一个包含亚马逊大河的 shapefile。仅 shapefile 就有 37.9 MB,连同属性表高达 42.1 MB。我正在生成所有巴西亚马逊的 PNG 图像,每个 1260x940 像素,sh
System.out.printf("%7s", "a"); System.out.printf("%7s", "b"); System.out.printf("%7s", "c"); S
假设我们有客户端-服务器应用程序,由一个 makefile 编译。服务器使用 libtask 为并行客户端提供服务。客户端使用 ncurses 来处理某些图形。目录树如下所示: ./ --bin/ -
我在 Mono 密码转换的重新实现中找到了这段代码。 我没有修改或简化任何东西 - 这就是它的实际运行方式(有评论如//Dispose unmanaged objects,但实际上什么也没做)。 现在
我需要一些帮助来简化这个包含数百行的庞大代码,但我真的不知道该怎么做。代码看起来真的很乱,我需要的是返回具有预定义文本颜色的模型。有什么简单的方法吗? 我必须多解释一点:- 有一个包含许多型号的手机列
这里有一些代码可以正常工作,但我认为可以简化/缩短。它基本上是点击一个列表项,获取它的 ID,然后根据 ID 显示/隐藏/删除元素。 关于如何使用函数或循环来简化它的建议? $("#btn_remov
我是一名优秀的程序员,十分优秀!