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

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

JavaScript splice()方法

splice()方法

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

语法格式:

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

参数说明:

index(必选项):

该参数是开始插入和(或)删除的数组元素的下标, 必须是数字。

howmany(必选项):规定删除多少元素,必须是数字,可以为0,如果未

规定此参数,则删除从index开始到原数组结尾的所有元素。

n1,n2,nx(可选项):是要添加到数组的新元素。

使用方法:

  • 元素的删除:
var arr = [1,2,3,4,5];console.log("未删除之前的数组:"+arr);arr.splice(0,2);//从数组arr的下标0开始,删除2个元素console.log("已删除之后的数组:"+arr);

运行结果:

在这里插入图片描述

  • 元素的插入:
var arr = [1,2,3,4,5];console.log("未插入之前的数组:"+arr);arr.splice(3,0,9,9,'s','scdn');//从数组arr的下标3开始,插入4个元素console.log("已插入之后的数组:"+arr);

运行结果:

在这里插入图片描述

  • 元素的替换:
var arr = [1,2,3,4,5];console.log("未替换之前的数组:"+arr);arr.splice(2,2,'s','scdn');//从数组arr的下标2开始,删除2个元素,再插入2个元素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'));//未删除任何值,使用没有返回值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/

你可能感兴趣的文章
NeHe OpenGL教程 07 纹理过滤、应用光照
查看>>
NeHe OpenGL教程 第四十四课:3D光晕
查看>>
Neighbor2Neighbor 开源项目教程
查看>>
neo4j图形数据库Java应用
查看>>
Neo4j图数据库_web页面关闭登录实现免登陆访问_常用的cypher语句_删除_查询_创建关系图谱---Neo4j图数据库工作笔记0013
查看>>
Neo4j图数据库的介绍_图数据库结构_节点_关系_属性_数据---Neo4j图数据库工作笔记0001
查看>>
Neo4j安装部署及使用
查看>>
Neo4j电影关系图Cypher
查看>>
Neo4j的安装与使用
查看>>
Neo4j(1):图数据库Neo4j介绍
查看>>
Neo4j(2):环境搭建
查看>>
Neo4j(4):Neo4j - CQL使用
查看>>
Neo图数据库与python交互
查看>>
NEO改进协议提案1(NEP-1)
查看>>
Neo私链
查看>>
NervanaGPU 项目使用教程
查看>>
Nerves 项目教程
查看>>
nessus快速安装使用指南(非常详细)零基础入门到精通,收藏这一篇就够了
查看>>
Nessus漏洞扫描教程之配置Nessus
查看>>
Nest.js 6.0.0 正式版发布,基于 TypeScript 的 Node.js 框架
查看>>