iis服务器助手广告
返回顶部
首页 > 资讯 > 精选 >JavaScript的splice()函数如何使用
  • 534
分享到

JavaScript的splice()函数如何使用

2023-06-30 09:06:12 534人浏览 安东尼
摘要

本篇内容主要讲解“javascript的splice()函数如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的splice()函数如何使用”吧!splice()函数详解

本篇内容主要讲解“javascript的splice()函数如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的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>

JavaScript的splice()函数如何使用

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)

JavaScript的splice()函数如何使用

二、情况二 (两个参数)

splice(index,howmany) &mdash;&mdash;> 删除从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>

JavaScript的splice()函数如何使用

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

JavaScript的splice()函数如何使用

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

splice(index ,howmany , item1, &hellip;, itemX )

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

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>

JavaScript的splice()函数如何使用

2

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

JavaScript的splice()函数如何使用

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>

JavaScript的splice()函数如何使用

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()函数如何使用

到此,相信大家对“JavaScript的splice()函数如何使用”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: JavaScript的splice()函数如何使用

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

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

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript的splice()函数如何使用
    本篇内容主要讲解“JavaScript的splice()函数如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的splice()函数如何使用”吧!splice()函数详解...
    99+
    2023-06-30
  • javascript中如何使用splice方法
    这篇文章主要介绍了javascript中如何使用splice方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 ...
    99+
    2024-04-02
  • 如何在JavaScript中使用splice()方法清空数组
    这篇文章将为大家详细讲解有关如何在JavaScript中使用splice()方法清空数组,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript是什么JS是JavaScript的简...
    99+
    2023-06-14
  • JavaScript中splice怎么使用
    splice() 方法用于删除或添加数组的元素。它可以修改原始数组,并返回被删除元素组成的新数组。 splice() 方法的语法如下...
    99+
    2023-10-23
    JavaScript
  • Javascript中splice()的使用示例
    小编给大家分享一下Javascript中splice()的使用示例,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1.splice()语法arrayObject.s...
    99+
    2023-06-14
  • JavaScript基础学习之splice()函数详解
    目录splice()函数详解一、情况一(只有一个参数)二、情况二 (两个参数)三、情况三 (大于等于三个参数)总结splice()函数详解 splice() 方法向/从数组中添加/删...
    99+
    2024-04-02
  • JavaScript中splice的使用方法详解
    splice方法可以用来对js的数组进行删除,添加,替换等操作。 1. 删除功能,第一个参数为第一项位置,第二个参数为要删除几个。 用法:array.splice(index,num...
    99+
    2024-04-02
  • JavaScript如何使用Object.keys函数
    这篇文章给大家分享的是有关JavaScript如何使用Object.keys函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Object.keys:返回一个由一个给定对象的自身可枚举属性组成的数组Object....
    99+
    2023-06-03
  • JavaScript如何使用Object.assign函数
    这篇文章主要介绍了JavaScript如何使用Object.assign函数,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Object.assign:对象属性复制,浅拷贝Ob...
    99+
    2023-06-03
  • JavaScript如何使用hyphenate函数
    这篇文章将为大家详细讲解有关JavaScript如何使用hyphenate函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。hyphenate:驼峰命名转横线命名:拆分字符串,使用-相连,并且转换为小写l...
    99+
    2023-06-03
  • JavaScript如何使用extend函数
    这篇文章主要为大家展示了“JavaScript如何使用extend函数”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何使用extend函数”这篇文章吧。extend:将属性...
    99+
    2023-06-03
  • JavaScript如何使用isRegExp函数
    这篇文章主要介绍了JavaScript如何使用isRegExp函数,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。isRegExp:判断数据是不是正则对象function&nb...
    99+
    2023-06-03
  • JavaScript如何使用isPrimitive函数
    这篇文章将为大家详细讲解有关JavaScript如何使用isPrimitive函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。isPrimitive:检测数据是不是原始数据function i...
    99+
    2023-06-03
  • JavaScript如何使用Object.values函数
    这篇文章将为大家详细讲解有关JavaScript如何使用Object.values函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Object.values:返回一个给定对象自身的所有可枚举属性值的数组...
    99+
    2023-06-03
  • JavaScript如何使用repeat函数
    这篇文章主要为大家展示了“JavaScript如何使用repeat函数”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何使用repeat函数”这篇文章吧。repeat:生成一...
    99+
    2023-06-03
  • JavaScript如何使用isObjectLike函数
    这篇文章给大家分享的是有关JavaScript如何使用isObjectLike函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。isObjectLike:检查value是否是类对象。如果一个值是类对象,那么它不应...
    99+
    2023-06-03
  • JavaScript如何使用exitFullscreen函数
    这篇文章主要介绍JavaScript如何使用exitFullscreen函数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!exitFullscreen:退出全屏function exitFullscreen...
    99+
    2023-06-03
  • JavaScript如何使用dateStrForma函数
    这篇文章主要为大家展示了“JavaScript如何使用dateStrForma函数”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何使用dateStrForma函数”这篇文章...
    99+
    2023-06-03
  • JavaScript如何使用isEmpty函数
    这篇文章给大家分享的是有关JavaScript如何使用isEmpty函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。isEmpty:检查value是否为空如果是null,直接返回true;如果是类数组,判断数据...
    99+
    2023-06-03
  • JavaScript如何使用isLength函数
    这篇文章将为大家详细讲解有关JavaScript如何使用isLength函数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。isLength:检查value是否为有效的类数组长度function ...
    99+
    2023-06-03
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作