博客
关于我
【JS笔记】JavaScript splice()方法的使用
阅读量:366 次
发布时间:2019-03-04

本文共 1847 字,大约阅读时间需要 6 分钟。

JavaScript splice()方法

splice()方法

插入、删除、或者替换一个数组元素,并返回被删除的元素。

语法格式:

array.splice(index, howmany, n1, n2, ..., nx);

参数说明:

index(必选项):插入和删除的数组元素的起始索引,必须是数字。

howmany(必选项):规定删除的元素数量,必须是数字。当未指定时,默认删除从index开始到数组结尾的所有元素。

n1, n2, ..., nx(可选项):要插入到数组中的新元素。

使用方法

元素的删除

            var arr = [1,2,3,4,5];            console.log("未删除之前的数组:" + arr);            arr.splice(0, 2);            console.log("已删除之后的数组:" + arr);        

元素的插入

            var arr = [1,2,3,4,5];            console.log("未插入之前的数组:" + arr);            arr.splice(3, 0, 9, 9, 's', 'scdn');            console.log("已插入之后的数组:" + arr);        

元素的替换

            var arr = [1,2,3,4,5];            console.log("未替换之前的数组:" + arr);            arr.splice(2, 2, 's', 'scdn');            console.log("已替换之后的数组:" + arr);        

需要注意:

该方法会直接修改原数组,返回被删除的元素。

        var arr = [1,2,3,4,5];        // 返回被删除的元素        console.log("1.splice返回的值:" + arr.splice(2, 2)); // 返回[3,4]        document.write("1.改变后的数组为:" + arr + "
"); // 改变后的数组为[1,2,5] console.log("2.splice返回的值:" + arr.splice(3, 0, 'a', 'z')); // 未删除任何元素,返回null document.write("2.改变后的数组为:" + arr + "
"); // 改变后的数组为[1,2,5,a,z] console.log("3.splice返回的值:" + arr.splice(2, 2, 'a', 'z')); // 返回[5, a] document.write("3.改变后的数组为:" + arr + "
"); // 改变后的数组为[1,2,5,a,z,z]

转载地址:http://zwxh.baihongyu.com/

你可能感兴趣的文章
npm error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装
查看>>
npm install digital envelope routines::unsupported解决方法
查看>>
npm install报错,证书验证失败unable to get local issuer certificate
查看>>
npm install无法生成node_modules的解决方法
查看>>
npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
查看>>
npm run build报Cannot find module错误的解决方法
查看>>
npm run build部署到云服务器中的Nginx(图文配置)
查看>>
npm run dev 报错PS ‘vite‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
查看>>
npm start运行了什么
查看>>
npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
查看>>
NPM使用前设置和升级
查看>>
npm入门,这篇就够了
查看>>
npm切换到淘宝源
查看>>
npm前端包管理工具简介---npm工作笔记001
查看>>
npm和yarn清理缓存命令
查看>>
npm和yarn的使用对比
查看>>
npm学习(十一)之package-lock.json
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm的常用配置项---npm工作笔记004
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>