javascript数组中的concat方法和splice方法

 更新时间:2022年09月27日 10:13:09   作者:前端歌谣  
这篇文章主要介绍了javascript数组中的concat方法和splice方法,concat方法作用合并数组,可以合并一个或多个数组,会返回合并数组之后的数据,不会改变原来的数组,更多相关内容需要的小伙伴可以参考下面文章内容

前言:

在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说concat和splice方法的使用​​不多说把代码编辑器打开​​

一、concat方法

1直接vs打开

2代码块

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

3运行结果

小结:

功能:合并数组,可以合并一个或多个数组,会返回合并数组之后的数据,不会改变原来的数组;

二、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运行结果

到此这篇关于javascript数组中的concat方法和splice方法的文章就介绍到这了,更多相关concat方法和splice方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js常用方法示例梳理(总结篇)

    js常用方法示例梳理(总结篇)

    这篇文章主要为大家介绍了js常用的方法示例梳理总结及功能详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 详解微信小程序(Taro)手动埋点和自动埋点的实现

    详解微信小程序(Taro)手动埋点和自动埋点的实现

    这篇文章主要介绍了详解微信小程序(Taro)手动埋点和自动埋点的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 浅析js中base64与file的转换

    浅析js中base64与file的转换

    这篇文章主要为大家详细介绍了JavaScript中base64与file的转换的实现方法,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-09-09
  • 微信小程序iOS下拉白屏晃动问题解决方案

    微信小程序iOS下拉白屏晃动问题解决方案

    这篇文章主要介绍了微信小程序iOS下拉白屏晃动问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 深入分析下javascript中的[]()+!

    深入分析下javascript中的[]()+!

    本文是笔者遇到的一个很无奈的题目之后,不得不仔细研究一番,有需要的小伙伴来参考下吧。
    2015-07-07
  • 前端使用crypto-js库aes加解密详细代码示例

    前端使用crypto-js库aes加解密详细代码示例

    在前端开发中数据的加密和解密是为了保障用户隐私和数据的安全性而常见的任务,这篇文章主要给大家介绍了关于前端使用crypto-js库aes加解密的相关资料,需要的朋友可以参考下
    2024-03-03
  • 微信小程序实现简单的select下拉框

    微信小程序实现简单的select下拉框

    这篇文章主要为大家详细介绍了微信小程序实现简单的select下拉框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • jQuery 名称冲突的解决方法

    jQuery 名称冲突的解决方法

    jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
    2011-04-04
  • JS实现炫酷雪花飘落效果

    JS实现炫酷雪花飘落效果

    这篇文章主要为大家详细介绍了JS实现炫酷雪花飘落效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • JavaScript 截取字符串代码实例

    JavaScript 截取字符串代码实例

    这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09

最新评论