首页 > JavaScript > JavaScript 中复制数组:以下哪项使用起来更快?

JavaScript 中复制数组:以下哪项使用起来更快?

上一篇 下一篇

为了在 JavaScript 中复制数组:以下哪项使用起来更快?

Slice方法

var dup_array = original_array.slice();

For

for(var i = 0, len = original_array.length; i < len; ++i)
   dup_array[i] = original_array[i];

我知道这两种方法都只做一个浅拷贝:如果包含对对象的引用,则不会克隆对象,但只会复制引用,因此两个数组都将具有对相同对象的引用。
但这不是这个问题的重点。
original_array

我只问速度。

分割线

网友回答:

克隆阵列至少有 6 种 (!) 方法:

  • Array.from()
  • 康卡特
  • 点差运算符(FASTEST)
  • 地图A.map(function(e){return e;});

有一个 huuuge BENCHMARKS 线程,提供以下信息:

  • 对于 Blink 浏览器是最快的方法,速度稍慢,速度慢 2.4 倍。slice()concat()while loop
  • 对于其他浏览器是最快的方法,因为这些浏览器没有针对 和 的内部优化。while loopsliceconcat

这在2016年<>月仍然适用。

以下是简单的脚本,您可以将这些脚本复制粘贴到浏览器的控制台中,并运行几次以查看图片。它们输出毫秒,越低越好。

而循环

n = 1000*1000;
start = + new Date();
a = Array(n); 
b = Array(n); 
i = a.length;
while(i--) b[i] = a[i];
console.log(new Date() - start);

n = 1000*1000;
start = + new Date();
a = Array(n); 
b = a.slice();
console.log(new Date() - start);

请注意,这些方法将克隆 Array 对象本身,但数组内容是通过引用复制的,而不是深度克隆的。

origAr == clonedArr //returns false
origAr[0] == clonedArr[0] //returns true

分割线

网友回答:

从技术上讲最快的方法。但是,如果添加开始索引,则速度更快。slice0

myArray.slice(0);

myArray.slice();

分割线

网友回答:

ES6 方式呢?

arr2 = [...arr1];

模板简介:该模板名称为【JavaScript 中复制数组:以下哪项使用起来更快?】,大小是暂无信息,文档格式为.编程语言,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 356次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 编程语言
  • 文件大小 暂无信息
  • 上传时间 04-21
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
单页式简历模板 微信公众平台 微信图片 微信素材 企业网站 微信文章 自适应 微信模板 html5 响应式
您可能会喜欢的其他模板