JavaScript数组操作详解:concat与splice方法实战

作者:代码拾荒时间:2026-10-25 07:42:25浏览:72

本文深入解析JavaScript中两个核心数组方法:concat用于合并数组且不改变原数组,splice用于增删改元素并返回被删除项。通过具体代码示例展示直接合并与索引操作的差异,帮助开发者掌握数组数据处理技巧,提升代码效率。

前言:

在实际前端开发过程中,经常需要对数据进行各种处理。本文将重点介绍JavaScript数组中两个常用且重要的方法:concat和splice。为了更直观地理解,建议读者同步打开代码编辑器进行实践操作。

一、concat方法

1. 直接合并与展开操作对比

一、concat方法

2. 代码实现示例

//功能:合并数组,可以合并一个或多个数组,会返回合并数组之后的数据,不会改变原来的数组;
  const geyao = ['歌谣']
  const fuzhu=["很强"]
    console.log(geyao.concat(fuzhu)); 
    console.log(geyao);

3. 运行结果分析

一、concat方法

小结:

功能说明:concat方法用于合并数组,支持合并一个或多个数组。该方法会返回合并后的新数组,但不会修改原始数组的内容。

二、splice方法

1. 代码实现部分

const geyao=["歌谣","很强","很帅"]
// 从索引 1 开始删除 1 个元素
let b=geyao.splice(1,1)


console.log(b,"later")
console.log(geyao,"geyao1")
   // 从索引 2 开始
// 删除 0 个元素
// 然后插入 "很强" 和 "很秀"
geyao.splice(2,0,"很强","很秀","很棒")
console.log(geyao,"geyao1")
//替换操作:执行替换操作时,第二个参数为要被替换的元素个数,
后面跟上要替换的deleteCount个元素即可;
geyao.splice(2,2,"很厉害","很nice")
console.log(geyao,"geyao1")

2. 运行结果展示

一、concat方法

至此,关于JavaScript数组中concat方法和splice方法的介绍到此结束。如需了解更多相关内容,建议搜索本站过往文章或继续阅读后续系列教程。感谢大家的支持!

作者最新文章