JS数组移除数据

最新推荐文章于 2025-10-31 19:00:00 发布
转载 最新推荐文章于 2025-10-31 19:00:00 发布 · 4.6k 阅读 · 0
文章标签：

#js #delete #splice

博客介绍了数组的splice和delete两种删除方法。splice方法会改变数组长度和索引，删除元素后可用普通方式遍历；delete方法不改变数组长度，被删元素变为undefined，原索引不变，可采用特定遍历方式跳过undefined元素。

原文地址： https://www.jianshu.com/p/1269de2add15

splice方法

test.splice(2,1);

image.png

数组长度相应改变,但是原来的数组索引也相应改变，
splice参数中第一个2,是删除的起始索引(从0算起),
在此是数组第二个元素。第二个1,是删除元素的个数,
在此只删除一个元素,即test[2];

此时遍历数组元素可以用普通遍历数组的方式,比如for,因为删除的元素在数组中并不保留。

delete方法

delete test[2];

image.png

这种方式数组长度不变,

此时test[2]变为undefined了,

好处是原来数组的索引也保持不变,
此时要遍历数组元素可以才用.
这种遍历方式跳过其中undefined的元素，所以非常实用。

for(i in test)
{
 console.log(test[i])
}

 

JavaScript数组的新增方法：remove
EipGemms的博客
10-01 191
在本文中，我们介绍了如何在JavaScript中实现一个自定义的remove方法，用于从数组中删除指定的元素。你可以根据自己的需求选择适合的方式来处理数组元素的移除操作。splice方法的第一个参数是要删除的元素的索引，第二个参数是要删除的元素数量，这里我们只删除一个元素。在本文中，我们将介绍如何在JavaScript中实现一个自定义的remove方法，以便在数组中删除指定的元素。在上述示例中，我们定义了一个名为removeItemFromArray的函数，该函数接受一个数组和一个要移除的元素作为参数。
【JavaScript】javascript 数组 移除 js删除数组中指定元素
wjianwei666的专栏
01-10 529
使用delete删除数组中的元素后，删除元素下标处的值会置为undefined，数组的长度不会变。该方法会改变原始数组，可以用来执行替换、删除、添加数组内某一个或某几个值。删除后的数组元素为：[“a”, undefined, “c”, “d”]添加新元素后的数组：[‘a’,‘ttt’,‘b’,‘c’,‘d’]替换元素后的数组：[‘a’,‘ttt’,‘c’,‘d’]替换元素后的数组：[‘a’,‘ttt’,‘d’]删除元素后的数组：[‘a’,‘c’,‘d’]删除元素后的数组：[‘a’,‘d’]
js 删除数组元素。
小樓東風的专栏
10-16 2万+
var arr=[’a,’b,’c];若要删除其中的’b,有两种方法：1.delete方法:delete arr[1]这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用for(index in arr)document.write(’arr[’+index+’]=’+arr[index]);这种遍历方式跳过其中u
JavaScript 数组基础
最新发布
小猫三两只。
10-31 1336
JavaScript数组是存储有序元素的对象，支持索引访问。可通过构造函数或字面量创建，推荐使用简洁的字面量语法。数组具有length等属性和丰富的操作方法（如concat/filter/map/reduce等），ES6+新增了flat/findLast等方法。本文详细介绍了数组的创建、常用方法、高阶函数应用，并辅以表格、代码示例和Mermaid类图说明其结构，最后提供了相关术语表。掌握数组操作对编写高效前端代码至关重要。
js 数组 remove
weixin_33744854的博客
08-09 1341
在写js代码时候,有时需要移除数组的元素,在js数组中没有remove 方法, 不过有splice 方法同样可以用于移除数组元素:(http://www.w3school.com.cn/jsref/jsref_splice.asp), splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 ...
js数组删除元素
热门推荐
退思园
06-03 3万+
<br />var arr=['a','b','c']; 若要删除其中的'b',有两种方法： 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用 for(index in arr) document.write('arr['+index+']='+arr[index]); 这种遍历方式跳过其中undefined的元素 * 该方式IE4.o以后都支持了 2.数组对象splice方法:
javascript Array.remove() 数组删除
为天加朵云...
08-12 2991
下面的代码主要是实现了，删除数组中指定的值。Array.prototype.remove = function(b) {var a = this.indexOf(b);if (a >= 0) {this.splice(a, 1);return true;}return false;}; 以后使用过程中，就可以直接利用这个函数，删除数组中的值了。
JS 数组 移除 实现代码
10-29
JavaScript数组提供了许多方便的方法来操作数组，包括但不限于移除元素。了解如何使用这些方法对于有效处理数据非常重要。在实际应用中，理解这些方法对内存、性能的影响以及它们的行为特点是非常有必要的。例如，...
移除 JavaScript 数组元素的几种方法
DevSavantX的博客
10-04 414
本文将介绍几种常用的方法来移除 JavaScript 数组中的元素，并附带相应的源代码。splice() 方法是 JavaScript 数组对象的一个内置方法，它可以用于添加或删除数组中的元素。要移除数组中的元素，我们可以使用 splice() 方法来删除指定位置的元素。根据具体的需求和使用场景，选择合适的方法来操作数组，可以帮助我们更高效地编写 JavaScript 程序。如果我们知道要移除的元素在数组中的值，但不知道其索引，我们可以使用。方法来过滤掉要移除的元素，从而得到一个不包含这些元素的新数组。
在JavaScript中如何移除数组中的特定项
Jerry学长
05-27 864
在日常开发中，我们经常需要从数组中移除某个特定的元素。在JavaScript中，存在多种不同的方法来完成这一任务，本文将总结几种常见的处理方式，并介绍它们的优缺点。
js 从数组中移除值
征途人生&梦
03-04 3452
参考 https://exceptionshub.com/remove-a-value-from-an-array-in-coffeescript.html Answers: array.indexOf("World")will get the index of"World"or-1if it doesn’t exist.array.splice(indexOfWorld, 1)will r...
JS 删除数组元素（ 5种方法 ）
大剑师兰特的GIS世界
04-23 1万+
- `splice()` 适合删除任意位置的元素，且可以一次删除多个。 - `pop()` 和 `shift()` 分别用于删除末尾和头部的单个元素。 - 使用 `delete` 操作符会导致数组中出现 `undefined` 值，而非真正缩小数组大小。 - 调整 `length` 属性可快速截断数组，但请确保了解其对数组影响的特殊性。
JS ：移除数组中的指定数据
weixin_46001736的博客
02-27 1512
JS ：移除数组中的指定数据
js删除数组的某个元素
ThomasXiao2013的博客
08-27 282
最近在刷算法题，我是用js语言去写的，其中一题需要删除数组的某个元素，查了一下资料，总结一下 使用splice()方法 array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) start 指定修改开始的位置 deleteCount 删除元素的个数 item1,item2 在删除的位置要添加的元素 splice() 方法通...
JS 删除数组元素（5种方法）
小蜗牛的珍贵百宝箱
11-06 4932
splice()方法可以从数组中添加或删除元素，它会修改原数组，直接改变数组的内容。该方法可以指定删除的元素位置和删除的元素数量。filter()方法创建一个新数组，新数组包含通过指定函数测试的所有元素。这个方法不会修改原数组，而是返回一个新数组。你可以通过给filter()传递一个回调函数来删除不需要的元素。pop()方法用于删除数组的最后一个元素，并返回该元素。该方法修改原数组，不接受任何参数。shift()方法用于删除数组的第一个元素，并返回该元素。该方法修改原数组，不接受任何参数。delete。
javascript 数组的remove方法
weixin_30876945的博客
03-09 638
javascript原生一直没有提供删除功能,于是自己写了几个remove方法，主要是要注意遍历数组时使用splice方法是会在遍历没完成时就会改变数组对象的length长度，最简单方法是从数组尾部开始遍历，用递减来循环，就像我这里LastRmove的注释部分，这种方法直观又不受长度动态变化 的影响，然后我想是不是也要像undescore一样加上前后顺序和匹配到第一个就返回这种功能，于是就作了些小...
js中数组的remove
雨中的海
07-04 4738
今天在写代码的过程中，javascript的数组，想要从一个数组中将指定的元素删除，刚开始想的是直接将该元素直接等于null，但是这样在数组中并没有移除元素，也就是说数组长度没有改变，后来就想到了以下方法： [code="java"] /* * 方法:Array.remove(dx) * 功能:根据元素值删除数组元素. * 参数:元素值 * 返回:在原数组上修改...
js 数组移除函数
qq_40341527的博客
03-08 947
// 数组移除函数 Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index &gt; -1) { this.splice(index, 1); } }; var arr1=["1","2","3...
JS数组移除元素的方法
m0_44968817的博客
07-08 5016
JS数组移除元素的方法
js数组移除元素
08-20
在 JavaScript 中，数组本身并没有提供 `remove` 方法来直接移除元素，但可以通过多种方式实现类似的功能。以下是几种常见的实现方式： ### 使用 `filter()` 方法过滤元素 `filter()` 是一种非破坏性的方式，它会返回一个新数组，其中不包含符合条件的元素。该方法不会修改原始数组，而是创建一个新的数组。例如： ```javascript function arrayRemove(arr, value) { return arr.filter(function(ele) { return ele !== value; }); } var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; var result = arrayRemove(array, 6); // result = [1, 2, 3, 4, 5, 7, 8, 9, 0] ``` 这种方式适用于需要保留原始数组不变，并获取一个不包含特定值的新数组的情况[^2]。 ### 使用 `splice()` 方法移除元素 `splice()` 方法可以修改数组内容，删除或添加元素。它会直接修改原始数组。例如： ```javascript var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; var index = array.indexOf(6); if (index > -1) { array.splice(index, 1); // 移除元素 6 } // array = [1, 2, 3, 4, 5, 7, 8, 9, 0] ``` 这种方式适用于需要直接修改原数组的情况，但需要注意的是，它会改变数组的长度和索引结构。 ### 使用扩展运算符和 `filter()` 创建新数组 如果希望避免修改原始数组，可以结合扩展运算符和 `filter()` 来创建一个新数组： ```javascript let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; let valueToRemove = 6; let newArray = [...array].filter(item => item !== valueToRemove); // newArray = [1, 2, 3, 4, 5, 7, 8, 9, 0] ``` 这种方法利用了扩展运算符创建副本，再通过 `filter()` 过滤出不包含目标值的元素，适用于需要保持原始数组不变的场景。 ### 使用 `indexOf()` 和 `delete`（不推荐） 虽然可以使用 `delete` 操作符来移除数组中的元素，但它不会改变数组长度，且索引依然保留，只是值变为 `undefined`，因此不推荐使用： ```javascript var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]; var index = array.indexOf(6); if (index > -1) { delete array[index]; } // array = [1, 2, 3, 4, 5, undefined, 7, 8, 9, 0] ``` 这种方式不推荐用于实际开发，因为它可能导致数据结构混乱。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值