js 数组合并,JS常用处理数组的方法
js 数组合并,JS常用处理数组的方法详细介绍
本文目录一览： JS合并数组的几种方法及优劣比较_基础知识
本文属于JavaScript的基础技能. 我们将学习结合/合并两个JS数组的各种常用方法,并比较各种方法的优缺点.我们先来看看具体的场景: 代码如下:var q = [ 5, 5, 1, 9, 9, 6, 4, 5, 8];var b = [ "tie", "mao", "csdn", "ren", "fu", "fei" ];很明显,数组 q 和 b 简单拼接的结果是: 代码如下:[ 5, 5, 1, 9, 9, 6, 4, 5, 8, "tie", "mao", "csdn", "ren", "fu", "fei"]concat(..)方法最常见的用法如下: 代码如下:var c = q.concat( b );q; // [5,5,1,9,9,6,4,5,8]b; // ["tie","mao","csdn","ren","fu","fei"];c; // [5,5,1,9,9,6,4,5,8,"tie","mao","csdn","ren","fu","fei"]如您所见, c 是一个全新的数组, 表示 q 和 b 这两个数组的组合, 但是 q 和 b 现在没用了是吧?如果 q 数组有10000个元素, b 数组也有有10000个元素? 那么数组c现在就有20000个元素, 这种方式占用了2倍的内存.“这没问题!”,你可能会觉得. 只要将 q 和 b 置空就行, 然后就会被垃圾回收,对吗?问题解决了! 代码如下:q = b = null; // `q` and `b` 现在可以被垃圾回收了额? 如果数组都很小,那自然没问题. 但对大型的数组,或需要多次重复处理时, 内存就被限制了, 它还需要进行优化.循环插入OK, 让我们把一个数组的内容加入到另一个中试试,使用 Array#push() 方法: 代码如下:// 将数组 `b` 插入 `q`for (var i=0; i q.push( b[i] );}q; // [5,5,1,9,9,6,4,5,8,"tie","mao","csdn","ren","fu","fei"]b = null;现在, q中存放了两个原始数组的内容(q + b).看样子对内存优化做的不错.但如果 q 数组很小而 b 又很大呢? 出于内存和速度的考虑,这时想把较小的 q 插入到 b 前面. 没问题,只要用 unshift() 方法代替 push() 即可, 对应的也要从大到小进行循环遍历: 代码如下:// `q` into `b`:for (var i=q.length-1; i >= 0; i--) { b.unshift( q[i] );}b; // [5,5,1,9,9,6,4,5,8,"tie","mao","csdn","ren","fu","fei"]q = null;实用技巧悲催的是,for循环很土并且难以维护. 我们能做得更好吗?我们先试试 Array#reduce : 代码如下:// `b` onto `q`:q = b.reduce( function(coll,item){ coll.push( item ); return coll;}, q );q; // [5,5,1,9,9,6,4,5,8,"tie","mao","csdn","ren","fu","fei"]// or `q` into `b`:b = q.reduceRight( function(coll,item){ coll.unshift( item ); return coll;}, b );b; // [5,5,1,9,9,6,4,5,8,"tie","mao","csdn","ren","fu","fei"]Array#reduce() 和 Array#reduceRight() 很高大上,但有点笨重,而且一般人也记不住. JS规范6 中的 => 箭头函数(arrow-functions) 能让代码量大大减少, 但需要对每个数组元素执行函数调用, 也是很渣的手段. 那么下面的代码怎么样呢? 代码如下:// `b` onto `q`:q.push.apply( q, b );q; // [5,5,1,9,9,6,4,5,8,"tie","mao","csdn","ren","fu","fei"]// or `q` into `b`:b.unshift.apply( b, q );b; // [5,5,1,9,9,6,4,5,8,"tie","mao","csdn","ren","fu","fei"]BIG更高了,是吧!? 特别是 unshift() 方法不需要像前面那样考虑相反的顺序. ES6 的展开运算符(spread operator, 加 ... 前缀)就更高端了: a.push( ...b ) 或者 b.unshift( ...a )但是,事实上这种方法还是太乐观了. 在这两种情况下,不管是将 a 或 b 传递给 apply() 作为第二个参数(apply方式调用Function时第一个参数在内部变成this,即context,上下文,作用域), 还是使用 ... 展开运算符的方式, 实际上数组都会被打散成为函数的 arguments .第一个主要的问题是,占用了双倍的内存(当然,是临时的!),因为需要将数组复制到函数栈之中. 此外,不同的JS引擎有不同的实现算法,可能会限制了函数可以传递的参数数量.如果数组添加了一百万个元素, 那一定会超过函数栈所允许的大小, 不管是push() 或 unshift()调用. 这种方式只在几千个元素时可用,所以必须限制其不能超过一定范围.注意: 你也可以试试 splice(), 肯定会发现他和 push(..)/unshift(..) 都是一样的限制.一种选择是继续使用这种方法,但是采用分批次处理: 代码如下:function combineInto(q,b) { var len = q.length; for (var i=0; i // 一次处理5000条 b.unshift.apply( b, q.slice( i, i+5000 ) ); }}等等,我们损害了代码的可读性(甚至是性能!). 在我们放弃之前结束这个旅程吧.总结Array#concat() 是久经考验的方法, 用于组合两个(或多个)数组. 但他创建了一个新的数组,而不是修改现有的一个.有很多变通的手法,但他们都有不同的优缺点,需要根据实际情况来选择.上面列出了各种 优点/缺点,也许最好的(包括没有列出的)方法是 reduce(..) 和 reduceRight(..)无论你选择什么,都应该批判性地思考你的数组合并策略,而不是把它当作理所当然的事情.
怎样使用js合并数组生成key：value数组
这次给大家带来怎样使用js合并数组生成key：value数组，使用js合并数组生成key：value数组的注意事项有哪些，下面就是实战案例，一起来看一下。核心代码// var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for (var i = 0; i < activeSubjectsName.length; i++) { console.log(i); var activeSubjectsObject = {}; for (var j = 0; j < activeSubjectsNum.length; j++) { if (i == j) { activeSubjectsObject.name = activeSubjectsName[i]; activeSubjectsObject.value = activeSubjectsNum[j]; activeSubjectsArr.push(activeSubjectsObject); } }}console.log(activeSubjectsArr);// activeSubjectsArr=[// {name: "语文", value: 46},// {name: "数学", value: 2},// {name: "英语", value: 2},// {name: "思想品德", value: 28},// {name: "科学", value: 29}// ]原理就是将两个数组结合到一个数组里面，跟json对照关系一样，需要的朋友可以参考一下，注意两个数组按顺序对应好即可。相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！推荐阅读：jQuery实现模糊查询实战案例解析怎样处理async/await浪费性能问题
JS数组合并成对象？
可以使用JavaScript的循环和条件语句来遍历并合并两个数组，具体代码如下：
var a = [5, 6];
var b = ['52', '56', '57'];
var result = {};
// 遍历a数组
for (var i = 0; i < a.length; i++) {
result[a[i]] = [];
// 遍历b数组
for (var j = 0; j < b.length; j++) {
var bArray = b[j].split(',');
// 判断b数组中是否包含a数组中的元素
if (bArray.indexOf(String(a[i])) !== -1) {
result[a[i]].push(bArray[0]);
}
}
}
console.log(result); // 输出{"5":["52"],"6":["56","57"]}
首先定义了两个数组a和b，以及一个空对象result。然后使用for循环遍历a数组，并以a数组中的元素作为result对象的键值，并将其值初始化为空数组。接着使用嵌套的for循环遍历b数组，将b数组中以逗号分隔的字符串拆分为数组，并判断其中是否包含a数组中的元素。如果包含，则将b数组中对应的第一个元素加入result对象的对应值中。最后输出合并后的结果对象result。
js数组如何合并生成一个新的数组？
var oldarr=
[
["1","2","3"],
["4","5","6"],
["7","8","9"]
];
var newarr=[];
let i=0;
oldarr[0].forEach(e1=>{
oldarr[1].forEach(e2=>{
oldarr[2].forEach(e3=>{
newarr[i++]=e1+e2+e3;
})
})
});
console.log(JSON.stringify(newarr));
js 两个数组合并成数组对象
1.两个普通的数组，但是要数组长度相同，想要数组A和数组B的下标对应
2.想要得到的结果
3、实现过程,主要是两个数组长度相同，用哪一个做循环都可以
这就是整一个实现过程
JS常用处理数组的方法
一、概述
join( ) ————————数组转字符串
split( ) ———————–字符串转数组
push( ) ———————-将数据添加到数组尾部
pop( ) ———————–数组末尾移除最后一项
shift( ) ———————–删除原数组第一项
unshift( ) ——————–将数据添加到数组头部
sort( ) ————————按升序排列数组项
reverse( ) ——————–反转数组项的顺序
concat( ) ——————–多个数组合并，原数组不变
slice( ) ———————–返回开始下标到结束下标之间的项组成的新数组，原数组不变
splice( ) ———————-从数组中添加/删除项目，然后返回被删除的项目，改变原数组
二、定义和用法
1、join()
2、concat()
3、pop()
4、shift()
5、push()
6、unshift()
7、reverse()
8、slice()
9、splice()
10、toString()
11、sort()
12、includes()
13、forEach()
14、map()
js递归（二）——合并多维数组
1.递归实现
用forEach和reduce做一个简单的封装joinArr()函数显示数组的合并
2.补充
完善：封装成joinArr()函数
各位js大神,请教以下如下俩个对象数组如何合并为一个？
js的数组合并有三种方法，任何一种都可以做到你需要的结果，如下：
concat 方法
var arr1=[{"msg":"你也好","from":"libai"},{"msg":"我是李白,你是谁","from":"libai"}];
var arr2=[{"msg":"你好","from":"admin"},{"msg":"LOL吗","from":"admin"},{"msg":"我是系统管理员,你是李白吗","from":"admin"}];
var arr=arr1.concat(arr2);console.log(c);//你要的结果，不改变arr1和arr2
循环遍历
var arr1=[{"msg":"你也好","from":"libai"},{"msg":"我是李白,你是谁","from":"libai"}];
var arr2=[{"msg":"你好","from":"admin"},{"msg":"LOL吗","from":"admin"},{"msg":"我是系统管理员,你是李白吗","from":"admin"}];
for(var i=0;i
<arr2.length;i++){
arr1.push(arr2[i]);
}
console.log(arr1);//你要的结果，但是这个是直接改变了arr1这个数组
apply方法
合并数组arr1和数组arr2,使用Array.prototype.push.apply(arr1,arr2) or arr1.push.apply(arr1,arr2);
var arr1=[{"msg":"你也好","from":"libai"},{"msg":"我是李白,你是谁","from":"libai"}];
var arr2=[{"msg":"你好","from":"admin"},{"msg":"LOL吗","from":"admin"},{"msg":"我是系统管理员,你是李白吗","from":"admin"}];
Array.prototype.push.apply(arr1,arr2); //或者 arr1.push.apply(arr1,arr2);
console.log(arr1) //改变了arr1
eq.
[...arr1, ...arr2]
eq.
arr1.contact(arr2)
</arr2.length;i++){
怎么把两个js 数组过滤合并成一个数组？谢谢
首先考虑的是两个数组之间靠什么来关联：
根据newArr得出： province的id对应的city里面的pid;
所以遍历数组时候合并的逻辑： id ==pid.然后合为新数组的一个元素。
var newArr=[];
function combineArr(arr1, arr2){
var len = arr1.length;
for(var i=0; i
<len; i++){
if(arr1[i].id == arr2[i].pid){
var obj = {};
obj['name']=arr1[i].name;
obj['city'] = arr2[i].name;
newArr.push(obj);
}
return newArr;
}
}