JavaScript splice()方法详解


Posted in Javascript onSeptember 22, 2020

JavaScript splice() 方法

数组中添加新元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js数组添加元素_三水点靠木</title>
</head>
<body>

<p id="demo">点击按钮向数组添加元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,0,"Lemon","Kiwi");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>

splice定义和用法

splice() 方法用于添加或删除数组中的元素。

注意:这种方法会改变原始数组。

返回值

如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。

JavaScript splice()方法详解

语法

array.splice(index,howmany,item1,.....,itemX)

参数 Values

参数 描述
index 必需。规定从何处添加/删除元素。 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany 可选。规定应该删除多少元素。必须是数字,但可以是 "0"。 如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX 可选。要添加到数组的新元素

返回值

Type 描述
Array 如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

更多实例

实例

移除数组的第三个元素,并在数组第三个位置添加新元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>三水点靠木</title>
</head>
<body>

<p id="demo">点击按钮添加和删除元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,1,"Lemon","Kiwi");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>

实例
从第三个位置开始删除数组后的两个元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>三水点靠木</title>
</head>
<body>

<p id="demo">点击按钮删除数组中的两个元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,2);
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>
	
</body>
</html>

到此这篇关于JavaScript splice()方法详解的文章就介绍到这了,更多相关JavaScript splice()内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
Javascript 函数中的参数使用分析
Mar 27 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
JS实用的动画弹出层效果实例
May 05 Javascript
简单讲解AngularJS的Routing路由的定义与使用
Mar 05 Javascript
JS简单获取及显示当前时间的方法
Aug 03 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Jan 27 Javascript
Vue实现导出excel表格功能
Mar 30 Javascript
javascript与cookie 的问题详解
Nov 11 #Javascript
JavaScript设置首页和收藏页面的小例子
Nov 11 #Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 #Javascript
AJAX跨域请求json数据的实现方法
Nov 11 #Javascript
Javascript弹出窗口的各种方法总结
Nov 11 #Javascript
探讨js中的双感叹号判断
Nov 11 #Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 #Javascript
You might like
php学习之function的用法
2012/07/14 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
JS短路原理的应用示例 精简代码的途径
2013/12/13 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
jQuery事件对象总结
2016/10/17 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
[01:59]游戏“zheng”当时试玩会
2019/08/21 DOTA
树莓派中python获取GY-85九轴模块信息示例
2013/12/05 Python
python实现批量转换文件编码(批转换编码示例)
2014/01/23 Python
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
10种检测Python程序运行时间、CPU和内存占用的方法
2015/04/01 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
python pandas 如何替换某列的一个值
2018/06/09 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
Agoda中文官网:安可达(低价预订全球酒店)
2021/01/18 全球购物
欢送退休感言
2014/02/08 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
党员考试作弊检讨书1000字
2015/02/16 职场文书
如何写辞职书
2015/02/26 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
学校世界艾滋病日宣传活动总结
2015/05/05 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
高中升旗仪式主持词
2015/07/03 职场文书