JavaScript 连接数组concat、数组截取slice、数组删除splice 和添加

最新推荐文章于 2024-03-28 22:11:05 发布

原创最新推荐文章于 2024-03-28 22:11:05 发布 · 267 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

49 篇文章

订阅专栏

本文介绍了JavaScript中的数组方法concat用于连接数组但不改变原数组，slice用于截取数组返回新数组，而splice则能修改原数组。通过实例演示了它们的用法和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

concat

concat（）连接两个或多个数组不影响原数组返回一个新数组
concat方法创建一个新的数组，它由被调用的对象中的元素组成，每个参数的顺序依次是该参数的元素（如果参数是数组）或参数本身（如果参数不是数组）。它不会递归到嵌套数组参数中。
注意：数组/值在连接时保持不变。此外，对于新数组的任何操作（仅当元素不是对象引用时）都不会对原始数组产生影响，反之亦然。

 // concat（） 连接两个或多个数组 不影响原数组 返回一个 新数组
        var arr2 = [1,2,3,4,5];
        var arr3 = ['a','b','c','d','e'];
        var arr4 = [9,8,7,6,10];
        console.log( arr2.concat(arr3)); 
        var arr5 =arr2.concat(arr3,arr4)
        console.log(arr5);

返回结果
在这里插入图片描述

slice 数组截取

slice（）数组截取返回的是被截取的新数组

        var arr2 = [1,2,3,4,5];
        var arr3 = ['a','b','c','d','e'];
        var arr4 = [9,8,7,6,10];
var arr6 = arr3.slice(1,4);// 截取索引号为1-4的元素 不包含第四个索引号
        console.log(arr6); //  b c d

在这里插入图片描述

splice

splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。
如果添加进数组的元素个数不等于被删除的元素个数，数组的长度会发生相应的改变

        var arr2 = [1,2,3,4,5];
        var arr3 = ['a','b','c','d','e'];
        var arr4 = [9,8,7,6,10];
  //splice  数组删除 （从第几个 开始 要删到第几个）返回被删除的新数组  这个会影响原数组
  // 在插入一个或多个值
      var arr7 = arr4.splice(2,1, '88' ,'99') // 从第二个开始删除1个 在添加 88 99到新数组
      console.log(arr4); //[9, 8, '88', '99',  6,   10]

在这里插入图片描述