splice() 函数的使用【JavaScript】

最新推荐文章于 2024-07-03 07:00:00 发布
最新推荐文章于 2024-07-03 07:00:00 发布
阅读量1w 收藏 13
点赞数 5
分类专栏： 前端数据处理 文章标签： javascript 前端 初级
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lp_frank/article/details/44453813
版权

JavaScript中，有一个功能很强大的函数，名叫 splice（）。它可以通过不同参数的重载，实现对数组中的元素的删除/添加的操作。

该函数会修改数组本身！


删除数组的元素

splice(index,count)

index表示的是数组的下标；

count表示的是从这个下标往后的元素的个数；

载入这两个参数，实现的功能是：从数组的index下标开始，往后面数count个元素，然后把这count个元素删除【删除的元素中，包括下标为index的元素】。


实例：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
 var arr = ['a', 'b', 'c', 'd'];
 document.write(arr + "<br>");
 arr.splice(1, 1);
 document.write(arr + "<br>");
</script>
</body>
</html>

blob.png

从b元素开始数，包括b元素，往后面数1个元素，然后删掉。那么就只删除了b元素这一个元素。



<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
 var arr = ['a', 'b', 'c', 'd'];
 document.write(arr + "<br>");
 arr.splice(1, 2);
 document.write(arr + "<br>");
</script>
</body>
</html>

blob.png

从b元素开始数，包括b元素，数2个元素，然后删掉。那么就删掉了2个元素，分别是b和c



给数组添加元素

splice(index,count,element)

index表示的是数组的下标；

count表示的是从这个下标往后的元素的个数；

element表示要插入的元素；


只添加元素：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
 var arr = ['a', 'b', 'c', 'd'];
 document.write(arr + "<br>");
 arr.splice(1, 0,'test');
 document.write(arr + "<br>");
</script>
</body>
</html>

blob.png

看到上方代码，count这个参数为0，表示不删除任何元素。index参数为1，就是b元素所在的下标位置。结合计算的结果来看，插入的元素会放在index下标的前面。这一点请大家注意！


删除元素，并且添加元素

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
 var arr = ['a', 'b', 'c', 'd'];
 document.write(arr + "<br>");
 arr.splice(1, 2,'test');
 document.write(arr + "<br>");
</script>
</body>
</html>

blob.png

从下标为1的位置开始算起，往后面数2个位置，然后删除掉。即删除了元素b和c。然后插入新的元素test。

great frank
关注
  • 5
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中splice方法的使用
weixin_45884768的博客
03-08 1769
JavaScript中splice方法的使用splice的基本用法删除操作插入操作替换操作splice一次性删除多个元素 splice的基本用法 在JavaScript中，arrObject.splice()方法是处理数组的利器，利用它可以实现在指定位置删除、替换、插入指定数量的元素。 其语法为： arrayObject.splice(index,howmany,item1,…,itemX) 含义为从index开始，删除howmanry个元素,并在原地插入item1, …, itemN，最后返回被删除的数组
JavaScript的splice方法作用详解
SSS_Benjamin的博客
05-05 1312
splice本意拼接，但可以扩展出很多用法，体现在第二个参数的选择上 第一个参数是起始位置，不包含这一位置的元素，注意是起始位置不是下标，从1开始 var letters = ['a','b','c','d'] 删除元素 第二个参数：要删除几个元素 letters.splice(1,1) // ['a','c','d'] letters.splice(2,1) // ['a','b','d'...
JavaScript学习--splice()函数详解
热门推荐
xian的博客
09-07 16万+
splice()函数详解 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 参数： index —— 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。 howmany —— 必需。要删除的项目数量。如果设置为 0，则不会删除项目。 item1, …, itemX —— 可选。向数组添加的新项目。 返回值 Array —— 包含被删除项目的新数组，如果有的话。 一、情况一 示例：pandas 是基于NumPy 的
splice() 函数详解
yuanyixiang6的博客
04-10 1万+
JavaScript Array.splice() 函数详解
js数组方法归纳——slice()与splice()
最新发布
Web人
07-03 292
关于slice 和 splice的区别总结如下： 1、用途不同 slice 用于截取数组的指定部分 splice 用于删除/新增/替换 数组中的元素 2、是否改变原数组 slice 不改变原数组，会返回一个新数组 splice 改变原数组 1、slice 切片 可以用来从数组中截取指定元素 该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回 参数： 1.截取开始的位置的索引,包含开始索引 2.截取结束的位置的索引,不包含结束索引 第二个参数可以省略不写,此时会截取从开始索引往
splice()函数用法总结
m0_57005111的博客
01-04 6724
对数组进行删除以及添加元素的操作
关于重要函数splice()的介绍以及运用
qq_52242662的博客
02-18 1万+
删除: splice(index, howmany) 需要两个参数，第一个参数index表明数组中删除的数据的起始位置，第二个参数howmany表示删除的数据个数。 例： 需求：在数组[1, 3, 5, 8, 19, 10]中，需要删除3，5，8这三个数字。 实现代码： let nums = [1, 3, 5, 8, 19, 10] nums.splice(1, 3) 稍作讲解：数字1指的是从下标为1的数字开始删除， 删除3个数字，即3，5，8。 替换： splice(index, ho
splice函数
qq_34132502的博客
05-24 3196
splice函数用于在两个文件描述符之间移动数据，也是零拷贝。 splice定义如下： #include <fcntl.h> ssize_t splice(int fd, loff_f* off_in, int fd_out, loff_t* off_out, size_t len, unsigned int flags); 如果fd_in是一个管道文件描述符，则参数必须设置为NULL。如果不是，则表述从输入数据流何处开始读数据。此时，若off_in被设置为NULL，则表示从输入流的当前偏移量
JavaScript splice()方法详解
10-26
JavaScript中的`splice()`方法是一个非常强大的数组操作工具，它允许你在数组中插入、删除或替换元素。这个方法可以对数组进行动态地修改，而无需创建新的数组对象。下面将详细介绍`splice()`方法的使用、参数、...
JavaScript中的splice方法用法详解
10-21
总的来说，JavaScript的splice方法是一个灵活且实用的工具，能够满足多种数组操作需求，但使用时需谨慎，避免意外修改到关键数据。在进行数组操作时，根据实际情况选择使用push、pop、shift、unshift等方法，或者...
javascript中不易分清的slice,splice和split三个函数
10-22
在JavaScript中，数组和字符串操作经常涉及到几个相似但功能各异的方法，其中`slice`、`splice`和`split`是最常见的...这三个函数是JavaScript数组和字符串操作的基础工具，熟练掌握它们的用法可以提升代码质量和效率。
JavaScript原生数组函数实例汇总
10-14
原生数组函数是JavaScript提供的内置方法，它们允许我们对数组进行各种操作，如循环遍历、条件判断、合并、转换、排序等。下面将详细讨论这些函数的实例和用途。 1. 循环：`.forEach` `.forEach` 方法用于遍历数组...
Javascript学习笔记之数组的构造函数
10-25
在学习JavaScript数组的构造函数时，我们需要了解如何使用它来创建数组以及如何进行一些常见的数组操作。 首先，我们需要知道如何使用数组的构造函数来创建一个新数组。通常情况下，我们可以直接使用方括号“[]”...
JS 数组操作的利器：splice() 和 slice() 方法详解
TianXuab的博客
10-28 4611
JavaScript中的数组操作是编程中常见的任务之一。splice()和slice()方法是两个非常有用的数组方法，可以帮助我们在数组中插入、删除、替换元素，以及提取子数组。在本篇博客中，我们将深入探讨splice()和slice()方法的用法，并提供一些实用的代码示例。
js中常见的函数方法splice()、及call()、apply()、bind() 与字符串常用函数方法
qq_44438941的博客
09-04 725
日常总结
js中splice函数详细解释
zhuyuyaya的博客
02-05 733
js中splice函数详细解释,删除和截取操作,全格式
splice的用法总结
m0_60237095的博客
03-09 1932
splice
JavaScript中数组操作splice()函数用法
西小庄村高伟 的博客
02-27 851
JavaScript中splice()函数的用法
javascript splice函数
09-02
splice函数是JavaScript中数组的一个方法，它可以用来修改数组的内容。它可以从数组中删除、添加或替换元素。splice函数有多个参数，主要有三个： 1. 起始位置（必需）：指定要进行操作的起始位置的索引，如果为负数，则从数组末尾开始计算。 2. 删除数量（可选）：指定从起始位置开始要删除的元素数量。如果省略该参数，则删除所有从起始位置开始到数组末尾的元素。 3. 要添加的元素（可选）：可以按需指定要添加到数组中的新元素。 下面是一个使用splice函数的示例： ```javascript var fruits = ["apple", "banana", "orange", "kiwi"]; fruits.splice(2, 1); // 从索引2处删除一个元素 console.log(fruits); // 输出：["apple", "banana", "kiwi"] fruits.splice(1, 0, "mango", "pear"); // 从索引1处开始插入两个新元素 console.log(fruits); // 输出：["apple", "mango", "pear", "banana", "kiwi"] fruits.splice(0, 2, "pineapple"); // 从索引0处开始删除两个元素，并插入一个新元素 console.log(fruits); // 输出：["pineapple", "pear", "banana", "kiwi"] ``` 这是splice函数的基本用法，你可以根据需要使用它来修改数组。希望对你有所帮助！如果还有其他问题，请继续提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值