返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript基础学习之splice()函数详解
  • 818
分享到

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

2024-04-02 19:04:59 818人浏览 独家记忆
摘要

目录splice()函数详解一、情况一(只有一个参数)二、情况二 (两个参数)三、情况三 (大于等于三个参数)总结splice()函数详解 splice() 方法向/从数组中添加/删

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()函数详解内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript基础学习之splice()函数详解

本文链接: https://lsjlt.com/news/146967.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript基础学习之splice()函数详解
    目录splice()函数详解一、情况一(只有一个参数)二、情况二 (两个参数)三、情况三 (大于等于三个参数)总结splice()函数详解 splice() 方法向/从数组中添加/删...
    99+
    2024-04-02
  • JavaScript基础之函数详解
    目录一、函数简介1.1.函数的创建1.2.函数的参数和返回值二、函数的类型2.1. 构造函数2.2. 立即执行函数2.3. 构造函数的原型prototype2.4. 函数中的this...
    99+
    2024-04-02
  • Python基础学习之函数和代码复用详解
    目录Python函数和代码复用一、函数的定义二、函数的调用三、函数的参数传递1.形式参数与实际参数2.位置传参与关键字传参3.可变对象与不可变对象的参数传递4.个数可变的位置、关键字...
    99+
    2024-04-02
  • Java 基础之NIO 学习详解
    目录一、NIO 简介1、NIO 三大核心(1)缓冲区 Buffer(2)通道 Channel(3)Selector 选择器2、NIO 和 IO 的区别二、NIO 的 API...
    99+
    2024-04-02
  • Python基础学习之简单理解函数
    目录一、什么是函数二、无参函数三、有参函数四、实例五、return的使用六、结语一、什么是函数 注意不要和数学中的函数搞混了 那么到底什么是函数呢? 函数其实就是当我们在程序中需要大...
    99+
    2024-04-02
  • Java基础类学习之String详解
    目录1 String不可变性2 不可变的好处3 String+和StringBuilder效率差异4 String, StringBuffer and StringBuilder5 ...
    99+
    2022-12-27
    Java String类 Java String
  • Java基础学习之接口详解
    目录概述定义格式含有抽象方法含有默认方法和静态方法含有私有方法和私有静态方法基本的实现实现的概述抽象方法的使用默认方法的使用静态方法的使用私有方法的使用接口的多实现抽象方法默认方法静...
    99+
    2022-11-13
    Java接口使用 Java接口
  • MySQL数据库基础学习之JSON函数各类操作详解
    目录前言一、jsON语法规则二、JSON函数1.JSON_CONTAINS(json_doc,value)函数2.JSON_SEARCH()函数 3.JSON_PRETTY(json_doc)函数4.JSON_...
    99+
    2023-02-17
    MySQL JSON函数操作 MySQL JSON函数 MySQL JSON
  • VUE3基础学习之click事件详解
    目录1. 概述2. click 事件2.1 实现数字递减2.2 事件方法中获取 event 对象2.3 事件方法中增加参数2.4 有参事件方法中获取 event 对象2.5 点击按钮...
    99+
    2024-04-02
  • python基础学习11----函数
    一.函数的定义 def 函数名(参数列表): 函数体 return语句 return语句不写或后边不加任何对象即为return None 二.函数的参数 无参数 def func1(): print("没有...
    99+
    2023-01-30
    函数 基础 python
  • JavaScript基础系列之函数和方法详解
    目录一、函数和方法的区别二、如何写好一个函数2.1 命名准确2.1.1 函数命名2.1.2 参数命名2.2 函数注释2.2.1 参数注释2.3  函数参数2.3.1 参数默...
    99+
    2024-04-02
  • R语言学习之基础绘图详解
    目录散点图曲线图条形图饼图R语言内置了一些基础的绘图函数,主要包括 散点图曲线图条形图饼图plotcurvebarplotpie 这些绘图函数参数各异,但有个别参数相对来说比较通用,...
    99+
    2023-03-22
    R语言基础绘图 R语言绘图
  • Python基础学习之反射机制详解
    目录什么是反射应用场景基本小栗子贴近实际应用的小场景什么是反射 在Python中,反射是指通过一组内置的函数和语句,在运行时动态地访问、检查和修改对象的属性、方法和类信息的机制。Py...
    99+
    2023-03-22
    Python反射机制 Python反射
  • Go语言基础学习之指针详解
    目录1. 什么是指针2. 指针地址 & 指针类型3. 指针取值4. 空指针5. make6. new7. make 和 new 的区别8. 问题今天来说说 Go 语言基础中的...
    99+
    2022-12-30
    Go语言指针使用 Go语言指针 Go 指针
  • Java基础学习之构造方法详解
    目录一、构造方法概述二、构造方法的注意事项三、标准类制作一、构造方法概述 构造方法是一种特殊的方法 作用:创建对象Student stu = new Student(); 格式: p...
    99+
    2024-04-02
  • Git基础学习之分支基本操作详解
    目录1、创建分支(1)创建分支(2)图示理解2、查看分支列表3、分支切换4、查看所有分支的最后一个提交5、删除分支1、创建分支 (1)创建分支 Git 是怎么创建新分支的呢? 很简单...
    99+
    2022-11-13
    Git分支基本操作 Git分支操作 Git基础学习
  • python基础学习之递归函数怎么用
    小编给大家分享一下python基础学习之递归函数怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、递归函数使用注意点递归函数一定要编写终止条件,否则将产生无...
    99+
    2023-06-15
  • Go语言基础学习之数组的使用详解
    目录1. Array(数组)2. 声明数组3. 数组初始化3.1 方式一3.2 方式二3.3 方式三3.4 多维数组4. 遍历数组&取值5. 数组拷贝和传参数组相必大家都很熟...
    99+
    2022-12-30
    Go语言数组使用 Go语言数组 Go 数组
  • C++学习进阶之Makefile基础用法详解
    目录1. Makefile基本语法与执行2. Makefile简化过程3. Makefile生成并使用库3.1 动态库的建立与使用3.2 动态加载库的建立与使用总结1. Makefi...
    99+
    2024-04-02
  • C++基础学习之输入输出流详解
    目录1. 输入输出流2. 文件输入输出3. 格式化输入输出4. 字符串输入输出5. 空格处理C++是一种广泛应用的编程语言,其输入和输出是程序所必须的基本操作之一。输入是指从外部获取...
    99+
    2023-05-17
    C++输入输出流 C++输入流 C++输出流
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作