js 数组的拼接

数组的拼接

var a = [1,2,3,4,5,6];

var b=["foo","bar", "fun"];

最终的结果是:

[

1,2,3,4,5,6,"foo","bar","fun"

]

一般情况下,我们最先想到的是concat

c=a.concat(b);

c是新数组,此时内存使用有,c,a,b三个数组。

对于大数组呢

第二种写法:

//b "onto" a

for(var i=0;i<b.length;i++){

  a.push(b.[i]);

}

b=null;

很显然没有新的数组创建,对于内存来说 更优。

注意到结尾的b=null;拼接完成后将数组b清空

不喜欢for循环可以使用第三种:

//b "onto" a

a = b.reduce(function(coll,item){

  coll.push(item);

},a);

更一步优化

a.push.apply(a,b);

es6的写法

a.push(...b)

时间: 2024-08-25 18:25:27

js 数组的拼接的相关文章

js数组依据下标删除元素

最近在项目中遇到了一些问题,基础性的东西记得不牢固,就总结一下放在这里备再次查找,对操作js数组的一些问题一些常用的记录! 1.创建数组 var array = new Array(); var array = new Array(size);//指定数组的长度 var array = new Array(item1,item2……itemN);//创建数组并赋值 2.取值.赋值 var item = array[index];//获取指定元素的值 array[index] = value;//

JS数组中级+高级技巧

本文介绍JS数组一些比较进阶的方法: reverse:数组反转: join:(参数)以参数为连接符将数组拼接为字符串: 实例: var arr=[]; arr[3]="haha"; console.log(arr.join("a"))://输出:aaahaha;    arr[3]实际上定义了数组长度为4且前3项都为undifided, 因此join("a")则为:空 +a+空+ a 空+ a+ haha 配合字符串split方法实现字符串反转:

js数组学习整理

原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); //长度为3 var colors = new Array('red','blue');//初始化 其中,在声明数组的时候,去掉new操作符,也可以. 还有一种初始化数组的方式,使用数组字面量表示法 . 数组字面量由一对包含数组项的方括号表示,多个数组项之间用逗号隔开. var colors = [ '

js数组 删除元素

一直在使用js相关的东西,但很少作总结,今天遇到操作js数组的一些问题,对js的数组有了更进一步的认识! 1.创建数组var array = new Array();var array = new Array(size);//指定数组的长度var array = new Array(item1,item2……itemN);//创建数组并赋值 2.取值.赋值var item = array[index];//获取指定元素的值array[index] = value;//为指定元素赋值 3.添加新元

js数组、字符串常用方法

Posted on 2016-01-08 23:19 _银弹 阅读(486) 评论(0) 编辑 收藏 常常在开发中,会使用到很多js数组和字符串的处理方法,这里列举一些常用到的一些,方便大家参考使用. 数组方面 push:向数组尾部增加内容,返回的是新数组的长度. var arr = [1,2,3]; console.log(arr); var b = arr.push(4); console.log(b); console.log(arr); // [1, 2, 3] // 4 //表示当前数

一个js数组操作题

JS 控制一串数组,每隔2两秒显示 7个 数,要求自动拼接. 列如:var nums='1,2,3,4,5,6,7,8,9'; 第一次输出‘1,2,3,4,5,6,7’  第二次输出'8,9,1,2,3,4,5' 第三次输出'6,7,8,9,1,2,3' var array = [1,2,3,4,5,6,7,8,9]; var dom = document.getElementById('a'); function go(){ var result = array.splice(0,7); ar

如何在JS数组特定索引处指定位置插入元素?

需求: 将一个元素插入到现有数组的特定索引处.听起来很容易和常见,但需要一点时间来研究它. // 原来的数组var array = ["one", "two", "four"];// splice(position, numberOfItemsToRemove, item)// 拼接函数(索引位置, 要删除元素的数量, 元素)array.splice(2, 0, "three"); // www.jbxue.comarray;

js中高效拼接字符串

写在前面 面试的过程,很有可能面试到c#那种方式拼接字符串更高效,然后就会引申到js中的拼接方式.这也是我在面试中遇到的问题,当时,也真没比较过js中到底哪种方式更高效.然后,跟猜测一样,说了使用数组的方式,然后使用join方法实现. 代码测试 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Con

JS 数组及其方法浅析

近来闲来无事,小码哥突发奇想,手一哆嗦,就把javascript中的数组及其方法小小总结了一下! 在JS里我们很抽象的理解万物皆对象,这大概也是,我们现在在写Js代码的时候,都善于用面向对象的方式写程序的根由吧....不多说,数组Array也是对象无疑了! 首先,我们肯定应该知道什么是数组?其又是如何定义的?都有哪些优点?这都是我们关心的,,, 数组定义:数组说白了就是数据的集合,在内存中,是一块连续内存的地址:JS中数组分为一维数组和多维数组. 定义方式: 1.直接量定义:var Arr=[e