splice()方法可以说是Array数组最强大的方法,他的用法很多,主要用法是向数组的中部插入项!

下面是它的用法:

arrayObject.splice(index,howmany,element1,.....,elementX)

参数说明:
index: 必需,规定从何处添加/删除元素。
该参数是开始插入和(或)删除的数组元素的下标,必须是数字。

howmany:必需,规定应该删除多少元素。必须是数字,但可以是 "0"。
如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。

element1: 可选,规定要添加到数组的新元素。从 index 所指的下标处开始插入。
elementX: 可选。可向数组添加若干元素。

返回值:
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
说明
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

下面是通过splice()实现的替换数组中间项的方法:

<script>var arr=["1","1","1","1","1","1","1","1"];arr.splice(arr.length/2-1,2,"2","2");
      alert(arr);//输出:1,1,1,2,2,1,1,1
</script>

分析上面代码的逻辑,其实是先计算得出数组的中间位置,如果是偶数的话,就从中间位置开始删除2项,在从中间位置插入两项,完成替换!

下面是通过splice()实现的向数组中间添加项的方法,代码如下:

<script>var arr=["1","1","1","1","1","1","1","1"];arr.splice(arr.length/2,0,"2","2");
      alert(arr);//输出:1,1,1,1,2,2,1,1,1,1
</script>

JavaScript引用类型之Array数组之强大的splice()方法相关推荐

  1. Javascript基础之Array数组API

    Javascript数组原型提供的方法非常之多,主要分为三种: 直接修改原数组 原数组不变,返回新数组 数组遍历方法 直接修改原数组的API pop() 删除一个数组中的最后的一个元素,并且返回这个元 ...

  2. Js中数组的slice和splice方法

    slice()可以从数组中提取指定元素,指定元素为索引的方式              该方法不会改变本身的数组,而是将提取元素封装到新的数组返回              需要注意的是:       ...

  3. c++ 数组截取_【学习教程】JavaScript中原生Array数组方法详解

    来源 | http://www.fly63.com/article/detial/9692 JS中,数组可以通过阵列构造函数或[]字面量的方式创建.数组是一个特殊的对象,继承自对象原型,但用typeo ...

  4. JavaScript中原生Array数组方法详解

    JS中,数组可以通过阵列构造函数或[]字面量的方式创建.数组是一个特殊的对象,继承自对象原型,但用typeof运算判断时,并没有一个特定的值,仍然返回'对象'.但使用[] instanceof Arr ...

  5. html数组拼接js,javascript合并两个数组最简单的实现方法

    在开发的过程中,我们很多时候会遇到需要将两个数组合并成一个数组的情况出现. var arr1 = [1, 2, 3]; var arr2 = [4, 5, 6]; // 将arr1和arr2合并成为[ ...

  6. 【TypeScript系列教程14】Array数组对象的常见的方法

    目录 TypeScript Array(数组) concat() every() filter() forEach() join() lastIndexOf() map() pop() push(

  7. javascript学习系列(6):数组中的pop等方法

    最好的种树是十年前,其次是现在.歌谣 每天一个前端小知识 提醒你改好好学习了 知乎博主 csdn博主 b站博主  放弃很容易但是坚持一定很酷     我是歌谣 喜欢就一键三连咯 你得点赞是对歌谣最大的 ...

  8. 【我不熟悉的javascript】判断字符串数组内容是否相等的方法,不考虑顺序

    单元测试例子如下 const compareArray = [{arr1: ['no', 'no', 'yes', 'yes'], // 数组1arr2: ['yes', 'yes', 'yes', ...

  9. javascript学习系列(23):数组中的解构方法

    最好的种树是十年前,其次是现在.歌谣 每天一个前端小知识 提醒你改好好学习了 知乎博主 csdn博主 b站博主  放弃很容易但是坚持一定很酷     我是歌谣 喜欢就一键三连咯 你得点赞是对歌谣最大的 ...

最新文章

  1. 程序员出身,身价340亿!没有他,可能我们刷不了B站
  2. 清华大学大数据研究中心“RONG”奖学金申请通知
  3. Petuum提出序列生成学习算法通用框架
  4. JavaScript标准Selection操作
  5. Python学习(三)基础
  6. Codeforces Round 261 Div.2 D Pashmak and Parmida's problem --树状数组
  7. java代码的接口_Java代码--简单接口的实现
  8. spring 计划任务
  9. cat依赖的org.unidal.maven.plugins:plexus-maven-plugin:pom:2.1.2
  10. 截取一段字符串中,两个指定字符串中间的字符串
  11. 线性代数及其应用(第三版)1.7节习题解答
  12. CTF-bugku-crypto-[简单加密]-凯撒密码的base64形式
  13. xss测试工具xsstrike(基于python3)
  14. 【Jsp】第七课 Jsp内置对象的学习和使用
  15. python之小坑:IndentationError: expected an indented block
  16. Oracle函数保留两位小数
  17. 华为matepad进行html编辑,华为MatePad Pro实现与笔记本多屏协同
  18. 免费思维导图软件,收藏
  19. EasyPusher安卓Android手机直播推送之RTSP流媒体协议流程
  20. Vue——props配置

热门文章

  1. 正面交锋!另类“竞赛”探索大脑的意识起源
  2. 李德仁院士:5G时代空间信息如何实现智能服务
  3. 语义分割领域开山之作:Google提出用神经网络搜索实现语义分割
  4. AI黑箱:我们要用AI解释AI?
  5. 任正非最新讲话透露:华为在加快开发统一的人工智能平台
  6. Google公布OpenFermion:量子计算机的开源软件包
  7. 开发vs测试 | 每日趣闻
  8. 从互联网大厂裸辞 500 天后,我发生哪些变化?
  9. 腾讯:我就是那只吃了假辣椒酱的憨憨。老干妈:企鹅你可长点心吧!
  10. windows 平台使用 VS2017 编译 libevent 源码