合并数组的方法

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

王汪汪吖

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

阅读量458

点赞数

分类专栏： js 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_43791884/article/details/125903965

版权

js 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

本文详细介绍了JavaScript中push方法用于数组末尾添加元素，concat方法创建新数组而不改变原数组，push.apply实现数组合并，以及ES6的扩展运算符创建新数组。通过实例演示了这些操作在实际开发中的应用。

摘要由CSDN通过智能技术生成

1.push(添加到数组的末尾改变原数组)

<script>
  let temparr = [1, 2, 3, 4];
  console.log(temparr.push(5));//返回新添加的元素
  //5
  console.log(temparr);//返回添加元素后的新数组
  //[1,2,3,4,5]
</script>

2.concat方法(不改变原数组，concat合并数组之后，返回值才是新数组，并且合并两个及其以上的数组)

  let temparr = [1, 2, 3, 4];
  let temparr2 = temparr.concat([7, 8])
  console.log(temparr);
  console.log(temparr2);
    //[1,2,3,4,7,8]

3.push.apply(合并数组是把后一个数组的值一次push进前一个数组，使前一个数组发生改变，并且只能两个数组之间发生合并)

  let arr1 = [1, 2, 3, 4];
  let arr2 = ['a', 'b', 'c', 'd'];
  arr1.push.apply(arr1, arr2);//arr1或者arr2都无所谓
  console.log(arr1);
  //[1, 2, 3, 4, 'a', 'b', 'c', 'd']

4.ES6扩展运算符(返回新数组)

  let arr1 = [1, 2, 3, 4];
  let arr2 = ['a', 'b', 'c', 'd'];
  let arr3 = [...arr1, ...arr2];
  console.log(arr3);
  //[1, 2, 3, 4, 'a', 'b', 'c', 'd']