个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
25
4
在对 Array.prototype.fill() 方法进行一些测试(macOS 上的 Chrome)时，它显然比简单地创建您自己的 慢了将近两倍(如果不是更慢的话) for 循环并填充您的数组。
显然在做类似的事情:
for( var i = 0; i < Array.length; i++) {
A[i] = 0;
}
对比
Array.fill(0);
Array.fill() 方法将花费约 210-250 毫秒来填充大小为 10000000 的数组，而 for 循环将花费约 70-90 毫秒。似乎 Array.fill() 方法可以重写为简单地使用直接循环，因为您始终知道初始索引和目标索引。
let arrayTest = new Array(10000000),
startTime,
endTime;
startTime = performance.now();
arrayTest.fill(0);
endTime = performance.now();
console.log("%sms", endTime - startTime);
arrayTest = new Array(10000000);
startTime = performance.now();
for (let i = 0; i < arrayTest.length; i++){
arrayTest[i] = 0;
}
endTime = performance.now();
console.log("%sms", endTime - startTime);与我在本地测试时相比，以上实际上显示出更大的差异。
编辑:经过进一步测试后，我现在意识到，当切换到 Firefox 及其真正依赖于引擎时，差异会减少很多。我猜这主要是不同的 JavaScript 引擎优化循环与方法的结果。不过，似乎可以优化 Array.prototype.fill() 中的循环来解决这种差异。
最佳答案
结果与报告一致，即部分 Chrome 是用 JavaScript 编写的，并且依靠运行时分析和优化来提高性能。
我将测试代码打包在一个函数中，以便从可以加载到不同浏览器中的测试页面重复调用(这不是可运行的片段):
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>Array.prototype.fill</title>
<script>
Array.prototype.customFill = function( value, start = 0, end = this.length) {
var count = end-start;
if( count > 0 && count === Math.floor(count)){
while( count--)
this[start++]=value;
}
return this;
}
function test() {
let arrayTest,
startTime,
endTime,
arraySize = 1000000;
arrayTest = new Array(arraySize);
startTime = performance.now();
for (let i = 0; i < arrayTest.length; i++){
arrayTest[i] = 0;
}
endTime = performance.now();
console.log("%sms (loop)", endTime - startTime);
arrayTest = new Array(arraySize);
startTime = performance.now();
arrayTest.fill(0);
endTime = performance.now();
console.log("%sms (fill)", endTime - startTime);
arrayTest = new Array(arraySize);
startTime = performance.now();
arrayTest.customFill(0);
endTime = performance.now();
console.log("%sms (custom fill)", endTime - startTime);
}
</script>
</head>
<body>
open the console and click <button type="button" onclick="test()">test</button>
</body>
</html>
可以调整阵列大小以适应所用设备的性能。
Windows 下的 Chrome 浏览器的结果显示循环的性能大幅提升，前两次测试点击测试。在第二次点击时，循环的时间似乎有所改善。在第三次单击时，循环和填充方法似乎都得到了优化，并且运行速度几乎相等，而且速度有所提高。重新加载页面后结果可重复。
我发现这与 Chrome 脚本优化策略一致，与 Chrome 的 Array.prototype.fill 是用 C++ 或类似语言编写的不一致。尽管 Array.prototype.fill.toString() 将函数体报告为“本地代码”，但并未说明它是用什么语言编写的。
为自定义填充方法添加计时，为提高速度而编写，并存储为 Array.prototype.customFill。
Firefox 的计时与用脚本编写的 Array.prototype.fill 一致。 native 实现优于循环，并且通常(但不总是)比自定义填充方法更快。
Chrome 显示的时间也与 Array.prototype.fill 一致，是用某种经过优化的脚本编写的。测试的所有三种填充方法都显示在一两次测试点击后速度有所提高。
但是，自定义填充方法的启动速度比 Chrome 原生版本快十倍以上。您需要将无意义的代码放入自定义方法中，以使其足够慢以接近 native 方法的初始速度。相反，经过优化后， native 方法的速度大约是原来的两倍——用 JavaScript 编写的自定义方法从未得到同样程度的优化。
虽然 Chrome 的 Array.prototype.fill 方法可以用 JavaScript 编写，但似乎需要额外的解释来解释最初的缓慢和注意到的最终性能优化。
关于javascript - 为什么 Array.prototype.fill() 与 `for` 循环相比有如此大的性能差异？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48836753/
25
4
0
在 C 中: int a[10]; printf("%p\n", a); printf("%p\n", &a[0]); 产量: 0x7fff5606c600 0x7fff5606c600 这是我所期望
我一直在尝试运行此循环来更改基于数组的元素的位置，但出现以下错误。不太确定哪里出了问题。任何想法或想法!谢谢。 var population = [[98, 8, 45, 34, 56], [9, 1
我正在尝试获取一个 Ruby 数组数组并将其分组以计算其值。 数组有一个月份和一个 bool 值: array = [["June", false], ["June", false], ["June"
所以我们的目标是在遇到某个元素时将数组分割成子数组下面的示例 array.split("stop here") ["haii", "keep", "these in the same array bu
在this问题已经回答了两个表达式是相等的，但在这种情况下它们会产生不同的结果。对于给定的 int[] 分数，为什么会这样: Arrays.stream(scores) .forEac
我认为我需要的是哈希数组的数组，但我不知道如何制作它。 Perl 能做到吗？ 如果是这样，代码会是什么样子？ 最佳答案 perldoc perldsc是了解 Perl 数据结构的好文档。 关于arra
我遇到了这个问题，从 API 中我得到一个扩展 JSON，其中包含一个名为坐标的对象，该对象是一个包含数组 o 数组的数组。 为了更清楚地看这个例子: "coordinates": [
postgres 中有(v 9.5，如果重要的话): create table json_test( id varchar NOT NULL, data jsonb NOT NULL, PRIM
我用 echo "${array[@]}" 和 echo "${array[*]}" 得到了相同的结果。 如果我这样做: mkdir 假音乐； touch fakemusic/{Beatles,Sto
我正在尝试创建 typealias 对象的数组数组 - 但我收到“表达式类型不明确，没有更多上下文”编译错误。这是我的代码: typealias TestClosure = ((message: St
如果您在 Python 中创建一维数组，使用 NumPy 包有什么好处吗？ 最佳答案 这完全取决于您打算如何处理数组。如果您所做的只是创建简单数据类型的数组并进行 I/O，array模块就可以了。 另
当我将数组推送到只有一个数组作为其唯一元素的数组数组时，为什么会得到这种数据结构？ use v6; my @d = ( [ 1 .. 3 ] ); @d.push( [ 4 .. 6 ] ); @d.
在 Julia 中，我想将定义为二维数组向量的数据转换为二维矩阵数组。 如下例所述，我想把数据s转换成数据t，但是至今没有成功。 我该如何处理这个案子？ julia> s = [[1 2 3], [4
C 没有elementsof 关键字来获取数组的元素数。所以这通常由计算 sizeof(Array)/sizeof(Array[0]) 代替但这需要重复数组变量名。1[&Array] 是指向数组后第一
所以，假设我有一个像这样的(愚蠢的)函数: function doSomething(input: number|string): boolean { if (input === 42 || in
我有以下数组: a = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16] 我将它用于一些像这样的视觉内容: 1 2 3 4 5 6 7 8 9 10
我想知道数组中的 .toList 与 .to[List] 之间有什么区别。我在spark-shell中做了这个测试，结果没有区别，但我不知道用什么更好。任何意见？ scala> val l = Arr
我很难获得完全相同对象的多个元素的当前元素索引: $b = "A","D","B","D","C","E","D","F" $b | ? { $_ -contains "D" } 替代版本: $b =
我正在尝试使用来自我的 API 的 v-select 执行 options，我将数据放在数组数组中。 Array which I got from API 它应该是一个带有搜索的 select，因为它
这个问题在这里已经有了答案: String literals: pointer vs. char array (1 个回答) 4 个月前关闭。 当我执行下一个代码时 int main() {
我是一名优秀的程序员,十分优秀！