当前位置: 代码网 > it编程>编程语言>Javascript > JavaScript基础学习之splice()函数详解

JavaScript基础学习之splice()函数详解

2024年05月19日 Javascript 我要评论
splice()函数详解splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。参数:index —— 必需。整数,规定添加/删除项

splice()函数详解

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

参数:

index —— 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany —— 必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, …, itemx —— 可选。向数组添加的新项目。

返回值

array —— 包含被删除项目的新数组,如果有的话。

一、情况一(只有一个参数)

splice(index) ——> 从index的位置开始,删除之后的所有元素(包括第index个)
若 index < 0 , 则删除最后-index个元素
splice()函数返回删除元素数组

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原数组为:"+array + "<br />")
	array.splice(2)
	document.write("array.splice(2)的结果为:",array)
</script>

	var array = [0,1,2,3,4,5,6]
	document.write("原数组为:"+array + "<br />")
	var result = array.splice(-3)
	document.write("array.splice(-3)的结果为:",array + "<br />")
	document.write("删除的内容为:",result)

二、情况二 (两个参数)

splice(index,howmany) ——> 删除从index位置开始的数,howmany为删除的个数
若 howmany 小于等于 0,则不删除

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原数组为:"+array + "<br />")
	var result = array.splice(2,1)
	document.write("array.splice(2,1)的结果为:",array + "<br />")
	document.write("删除的内容为:",result)
</script>

	var result = array.splice(2,0)
	document.write("array.splice(2,0)的结果为:",array + "<br />")
	document.write("删除的内容为:",result)

三、情况三 (大于等于三个参数)

splice(index ,howmany , item1, …, itemx )

index >0 时
(1. howmany 为 0 时 不删除只添加 —— 在index位置前添加item1, …, itemx的数
(2. howmany > 0 删除且添加 —— 在index位置前添加item1, …, itemx的数,并且删除从index位置开始的数,howmany为删除的个数index <0 时 最后一个数为 -1 依次倒数第二个数为-2
(1. howmany 为 0 时 不删除只添加 —— 在-index位置前添加item1, …, itemx的数
(2. howmany > 0 删除且添加 —— 在-index位置前添加item1, …, itemx的数,并且删除从-index位置开始的数,howmany为删除的个数

1.1

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原数组为:"+array + "<br />")
	var result = array.splice(2,0,8,9)
	document.write("array.splice(2,0,8,9)的结果为:",array + "<br />")
	document.write("删除的内容为:",result)
</script>

1.2

	var result = array.splice(5,3,8,9)
	document.write("array.splice(2,0,8,9)的结果为:",array + "<br />")
	document.write("删除的内容为:",result)

2.1

<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原数组为:"+array + "<br />")
var result = array.splice(-2,0,8,9)
document.write("array.splice(-2,0,8,9)的结果为:",array + "<br />")
document.write("删除的内容为:",result)
</script>

2.2

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原数组为:"+array + "<br />")
	var result = array.splice(-2,3,8,9)
	document.write("array.splice(-2,3,8,9)的结果为:",array + "<br />")
	document.write("删除的内容为:",result)
</script>

总结

到此这篇关于javascript基础学习之splice()函数详解的文章就介绍到这了,更多相关js splice()函数详解内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

  • javascript基础数据类型转换教程示例

    数值型转换为字符串类型方式说明案例tostring()转成字符串var num =1; alert ( num.tostring());string()强制转换 转成字符串var …

    2024年05月19日 编程语言
  • javascript数据类型基础示例教程

    js中的输入输出语句方法说明归属alert(msg)浏览器弹出警示框浏览器console.log(msg)浏览器控制台打印输出信息浏览器prompt(info)浏览器弹出输入框,用…

    2024年05月19日 编程语言
  • JavaScript入门初体验书写方式

    javascript历史布兰登艾奇( brendan eich ,1961年~)。神奇的大哥在1995年利用10天完成 javascript 设计。网景公司最初命名为 livesc…

    2024年05月19日 编程语言
  • JavaScript中的内置对象介绍

    一、对象的概念对象是一种特殊的数据类型(object)。拥有一系列的属性和方法。分为内置对象和自定义对象。二、string对象string对象用来支持对于字符串的处理。1、属性le…

    2024年05月19日 编程语言
  • JavaScript中变量的作用域详解

    一、变量的分类在javascript中变量分为两种:全局变量局部变量二、变量的作用域1、局部变量的作用域局部变量:在函数内部定义的变量称为局部变量,其作用域为该函数内部,在该函数外…

    2024年05月19日 编程语言
  • JavaScript自定义函数用法详解

    javascript中的函数分为两种:系统函数和自定义函数,这里主要讲解自定义函数。自定义函数1、语法:注意:传入的参数是可选的。例如:<!doctype html>&…

    2024年05月19日 编程语言

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com