JS array数组拼接 push() concat() 的方法效率对比

已于 2022-06-20 10:24:59 修改
阅读量855 收藏
点赞数
分类专栏： # JavaScript 文章标签： javascript
于 2022-06-20 10:24:15 首次发布
原文链接：https://segmentfault.com/a/1190000040827331?sort=votes
版权

在做词条处理工具的时候，遇到了这个问题，在使用 concat() 拼接数组的时候要比 push() 拼接耗时多9倍

let words = []
let needToBeAddedArray = [] // 需要拼接到 words 的数组

使用 concat() 的耗时 6081ms

words = words.concat(currentWords) // 拼接词组

使用 push() 的耗时 56ms

words.push(...currentWords) // 拼接词组

总结

所以使用 array.push(...otherArray) 的方式是最高效的

黎轩栀海
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JS数组合并push与concat区别分析
10-23
主要介绍了JS数组合并push与concat区别,结合实例形式分析了JavaScript中针对数组合并操作使用push与concat的区别,需要的朋友可以参考下
js采用concat和sort将N个数组拼接起来的方法
11-22
本文实例分析了js采用concat和sort将N个数组拼接起来的方法。分享给大家供大家参考，具体如下： 这是某个大型企业的面试题扩展得来的，只是一种解法，但是无法确定是否高效，不过效果确实是实现了！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <scri
提高js拼接字符串效率--自定义StringBulider
雾里看花
01-18 2万+
我们知道java中String是引用类型，使用+=进行字符串拼接将会频繁地分配新地址，指向新的地址块，这无疑白白地消耗了系统的性能。javascript中的字符串类型同java的String类似，如果我们大量使用+=进行字符串拼接的话，将会使界面失去响应(卡死状态)。                         无论是java还是.net 中都有提供StringBuffer()或Strin
JS拼接字符串的效率
远行的博客
03-18 4360
JS拼接字符串的方式， 1、最常见的是+=； 2、还可以先将字符串转化为数组，然后调用Join实现字符串拼接 arr.push(str); return arr.join(""); 效率分为运行速度和内存消耗问题，网上查了相关资料，结论就是join在字符串字节很大时（百万级以上），用join会明显快于用+=实现的字符串拼接（），用+=耗时大概时10秒，用join大概是几百毫秒，当字节数很...
javascript 中三种动态创建元素的区别以及效率对比
阿牛的博客
05-09 1027
javascript 中动态创建元素的方法一共有三种，这里简单介绍一下，并通过小案例来对比element.innerHTML和document.createElement ()创建元素效率那个快。
javascript Array系列函数之1：push
pig2007的博客
07-11 521
js Array的函数很多，比较实用，也比较容易遗忘。这里准备做一个系列，方便随时查看。
Javascript 中 Array.push 要比 Array.concat 快 945 倍
YunWisdom
04-19 626
[译] Javascript 中 Array.push 要比 Array.concat 快 945 倍！???????? 原文地址：Javascript Array.push is 945x faster than Array.concat ???????? 原文作者：Shi Ling 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：Xuyuey 校对者：钱俊颖,...
JS Array数组常用方法（附上相应的用法及示例）
leng0920的博客
04-21 3818
JS Array数组常用方法(push、unshift、pop、shift、reverse、splice、sort、join、concat、slice、indexOf、forEach、map、filter、every、some)
JavaScript（js）中数组Array的常用方法
~~
11-11 1万+
Array.some() var arr=[1, 2, 3, 4, 5] var arr1=arr.some(x => x > 3); console.log(arr) //Array [1, 2, 3, 4, 5] console.log(arr1) //true some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。 some() 方法会依次执行数组的每个元.........
js array数组拼接 push() concat() 的方法效率对比，差10倍
10-18 941
js array数组拼接 push() concat() 的方法效率对比 在做词条处理工具的时候，遇到了这个问题，在使用 concat() 拼接数组的时候要比 push() 拼接耗时多9倍 let words = [] let needToBeAddedArray = [] // 需要拼接到 words 的数组 使用 concat() 的耗时 6081ms words = words.concat(currentWords) // 拼接词组 使用 push() 的耗时 56ms words.push(
JS数组方法concat()用法实例分析
11-21
本文实例讲述了JS数组方法concat()用法。分享给大家供大家参考，具体如下： 数组方法concat() concat()可以基于当前数组中的所有项创建一个新数组。即这个方法会先创建当前数组一个副本，然后将接收到的参数添加到这...
JS字符串拼接的几种方式及其性能比较
热门推荐
关注最新技术问题并持续维护更新
04-17 2万+
一、用连接符 “+” 把要连接的字符串连起来 var a = '小明' var b = a + '正在吃饭'     只连接100个以下的字符串建议用这种方法最方便 二、使用数组的 join 方法连接字符串 var arr = ['小明','正在吃饭','呢'] var str = arr.join("")     比第一种消耗更少的资源，速度也更快 三、使用 ${} 连接字符串 var a ...
JavaScript 高性能数组去重
weixin_34392906的博客
09-20 168
中午和同事吃饭，席间讨论到数组去重这一问题 我立刻就分享了我常用的一个去重方法，随即被老大指出这个方法效率不高 回家后我自己测试了一下，发现那个方法确实很慢 于是就有了这一次的高性能数组去重研究 一、测试模版 数组去重是一个老生常谈的问题，网上流传着有各种各样的解法 为了测试这些解法的性能，我写了一个测试模版，用来计算数组去重的耗时 // distinct.js le...
JavaScript，for循环效率测试，不同遍历循环测试，数组添加效率测试，大数组拼接测试，for循环遍历修改 和 string replace效率
不见浅诗的博客
03-06 919
JavaScript，for循环效率测试，不同遍历循环测试，数组添加效率测试，大数组拼接测试，for循环遍历修改 和 string replace效率 for循环估计是大家平时用到的最多的循环遍历了，一般情况下大家都会使用编程软件写一个for敲一下Tab，自动生成for循环结构 for (let index = 0; index < array.length; index++) { ...
js进行数组的拼接
qq_42849542的博客
03-05 1246
js将一个数组拼接到另一个数组的后面使用concat方法 var list = [{ id: 0, name: '全部' }]； var typeList= [{ id: 1, name: '大数据' },{ id: 2, name: '智能' }]； const typeList1 = list.concat(typeList)； 最后结果为： [{ id: 0, name: ‘全部’ },{ id: 1, name: ‘大数据’ },{ id: 2, name: ‘智能’ }] ...
深入学习JS — js中的数组（Array）操作
小绵杨
03-12 3298
一、数组
Js push整个数组
小白菜
02-05 1万+
1.Js push整个数组，使用 ... 语法（三个点，点点点） this.list.push(...this.res);
js数组合并concat()和Array.prototype.push.apply()的性能分析
maoguiyou的专栏
05-17 2万+
js数组合并有两个常用方法，用法如下： var a=[1,2,3],b=[4,5,6]; 1.a.concat(b);//得到1,2,3,4,5,6； 1.1那个数组在前面合并后那个数组的元素就在前面 1.2 可以利用这个来复制一份数组，a.concat(a); 1.3 数组长度无限制，返回值是合并后的数组 1.4 千万级别的数组合并大约30毫秒 2.Array.protot
JavaScript中 拼接数组的几种方法
明天也要努力的博客
04-03 3076
方法一：for循环 var arr1 = [0, 1]; var arr2 = [2, 3]; for(var i=0; i<arr2.length; i++){ arr1.push(arr2[i]) } console.log(arr1); // [0, 1, 2，3] 方法二：concat() 将参数添加到原数组中。这个方法会先创建当前数组一个副本，然后将接收到的参数添加到这个副本...
javaScript数组方法中不能改变自身数组的是
最新发布
07-16
JavaScript数组方法中不能改变自身数组的方法有很多以下列举几个常见的： 1. Array.concat() - 返回一个新数组，原数组不会被修改。 2. Array.filter() - 返回一个新数组，包含符合条件的元素，原数组不会被修改。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值