JavaScript 从数组中删除索引
-
使用
splice()函数从 JavaScript 数组中删除特定元素 -
使用
Array.filter()从 JavaScript 数组中删除特定元素 -
使用
Underscore.js库从 JavaScript 数组中删除特定元素 -
使用
Lodash库从 JavaScript 数组中删除特定元素
本教程讲授如何从 JavaScript 中的数组中删除特定元素。
使用 splice() 函数从 JavaScript 数组中删除特定元素
splice() 方法可以通过添加/删除元素来修改数组的内容。它采用以下 3 个参数:
index:一个整数值,指定要添加/删除元素的位置。我们甚至可以使用负索引从数组的后面指定一个索引。howmany:这是一个可选参数。它指定将从数组中删除多少个项目。如果将其设置为0,则不会删除任何项目。item1, item2, ... ,itemx:要添加到数组中的元素。
const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index > -1) {
array.splice(index, 1);
}
console.log(array);
输出:
[1, 2, 4, 5]
在上面的代码中,我们首先找到要删除的元素的索引,然后使用 splice() 方法删除数组元素。
使用 Array.filter() 从 JavaScript 数组中删除特定元素
filter 方法循环遍历数组并滤除满足特定给定条件的元素。我们可以使用它删除目标元素并保留其余元素。它有助于我们同时删除多个元素。
var toRemove = 1;
var arr = [1, 2, 3, 4, 5];
arr = arr.filter(function(item) {
return item !== toRemove
});
console.log(arr)
输出:
[2, 3, 4, 5]
我们使用 filter 函数来保留每个不等于要删除的元素的元素,并将新形成的数组分配给原始数组。
使用 Underscore.js 库从 JavaScript 数组中删除特定元素
Underscore.js 是一个非常有用的库,它为我们提供了许多有用的功能,而无需扩展任何内置对象。要从 JavaScript 数组中删除目标元素,我们必须使用 without() 函数。此函数返回数组的副本,其中删除了目标元素的所有副本。
const arr = [1, 2, 1, 0, 3, 1, 4];
arr = _.without(arr, 0, 1);
console.log(arr);
输出:
[2, 3, 4]
在上面的代码中,我们将数组和要删除的元素 0 和 1 传递给了 without 函数。它返回一个删除了这些元素的新数组,我们将其再次存储在 arr 中。
使用 Lodash 库从 JavaScript 数组中删除特定元素
Lodash 是一个很棒的库,它允许我们仅导入所需的函数,而不导入完整的库。它有一个名为 remove() 的函数,可以从数组中删除一个特定的元素。该函数采用数组,并检查与要从数组中删除的元素相匹配的条件。
var arr = [1, 2, 3, 4];
var greater = _.remove(arr, function(n) {
return n > 2;
});
console.log(arr)
输出:
[1,2]
在上面的代码中,我们将数组和一个函数检查元素是否大于 2 传递给 lodash 库的 remove 函数。它从数组中删除所有大于 2 的元素。
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn