js合并两个数组

最新推荐文章于 2024-04-25 00:00:00 发布

蓝莓果汁

最新推荐文章于 2024-04-25 00:00:00 发布

阅读量1.3k

点赞数

分类专栏： js 文章标签： javascript es6

本文链接：https://blog.csdn.net/weixin_44640804/article/details/121102198

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

也真的是感谢后端小姐姐给我这次学习的机会
因为场景的需要两个数组需要合并一块，本来是后端处理的，但因为可能她觉得不太好处理，所以就丢给我了
有以下四种

concat
for 循环
apply
ES6中的扩展运算符

所以我就一一来试毒了，上代码！！！

concat

this.alllistdata = this.Blist.concat(this.Dlist); // 1 使用concat可以把两个数组合并到一起，并且数组可以选择谁放前后
          console.log(
            this.alllistdata,
            "jjjjjjjjjjjjjjjjjjjjjjjjjjjjjj99999999999999"
          );

for in 循环

   for (var i in this.Blist) {
               this.alllistdata =  this.Dlist.push(this.Blist[i]);
            }
            console.log(this.alllistdata,'kkkkkkkkkkkkkkkkkkkkkkk'); // 2 使用for in循环出来的数组是number 36

apply

   this.alllistdata = this.Blist.push.apply(this.Blist,this.Dlist)
            console.log(this.alllistdata,'kkkkkkkkkkkkkkkkkkkkkiiiiiiiiiiiiiiiii'); // 3 使用a.push.apply(a,b)会报错，返回的是number 36

扩展运算符

   this.alllistdata = [...this.Blist,...this.Dlist]
            console.log(this.alllistdata,'llllllllllllllllllllllll'); // 4 使用ES6中的扩展运算...把两个数组合并到一起返回的是数组  var a = [...a,...b]

其实之前还用过另外一种把数组分开来放的方式startsWith

  this.worklistdata = res.result
            res.result.forEach(item => {
               if (item.taizuoname.startsWith('台座A')) { // 使用startsWith来筛选尽是台座A的
                 this.Alist.push(item) // 筛选到的数据推到新数组Alist中
               } else if (item.taizuoname.startsWith('台座B')||item.taizuoname.startsWith('台座D')) {//使用startsWith来筛选尽是台座B或者是台座D的
                 this.BDlist.push(item)  // 筛选到的数据推到新数组BDlist中
               }
            });
            console.log(this.Alist,'++++++++++');
            console.log(this.BDlist,'---------');

每天进步一点点呀✌，啊啊啊今天也是油头小李努力的一天额😜🤞