有没有一种方法可以从 JavaScript 数组中删除项目？
给定一个数组：
var ary = ['three', 'seven', 'eleven'];
我想做类似的事情：
removeItem('seven', ary);
我已经研究过，splice()但只能按位置号删除，而我需要一些东西来按其值删除项目。
如何按值从数组中删除项目？
IT技术
javascript
arrays
2021-01-10 14:10:17
6个回答
一个单线就可以了，
var ary = ['three', 'seven', 'eleven'];
// Remove item 'seven' from array
var filteredAry = ary.filter(function(e) { return e !== 'seven' })
//=> ["three", "eleven"]
// In ECMA6 (arrow function syntax):
var filteredAry = ary.filter(e => e !== 'seven')
这利用了JS中的过滤器功能。它在 IE9 及更高版本中受支持。
它的作用（来自文档链接）
filter() 为数组中的每个元素调用一次提供的回调函数，并构造一个新数组，其中包含回调返回强制为 true 的值的所有值。仅对已分配值的数组索引调用回调；不会为已删除或从未分配值的索引调用它。未通过回调测试的数组元素将被简单地跳过，并且不包含在新数组中。
所以基本上，这与所有其他for (var key in ary) { ... }解决方案相同，只是for in从 IE6 开始支持该构造。
基本上，过滤器是一种方便的方法，与for in构造（AFAIK）相比，它看起来更好（并且可以链接）。
如果不允许添加到本机原型，则这可以是全局函数或自定义对象的方法。它从数组中删除与任何参数匹配的所有项目。
Array.prototype.remove = function() {
var what, a = arguments, L = a.length, ax;
while (L && this.length) {
what = a[--L];
while ((ax = this.indexOf(what)) !== -1) {
this.splice(ax, 1);
}
}
return this;
};
var ary = ['three', 'seven', 'eleven'];
ary.remove('seven');
/* returned value: (Array)
three,eleven
*/
使其成为全球性的
function removeA(arr) {
var what, a = arguments, L = a.length, ax;
while (L > 1 && arr.length) {
what = a[--L];
while ((ax= arr.indexOf(what)) !== -1) {
arr.splice(ax, 1);
}
}
return arr;
}
var ary = ['three', 'seven', 'eleven'];
removeA(ary, 'seven');
/* returned value: (Array)
three,eleven
*/
并照顾 IE8 及以下 -
if(!Array.prototype.indexOf) {
Array.prototype.indexOf = function(what, i) {
i = i || 0;
var L = this.length;
while (i < L) {
if(this[i] === what) return i;
++i;
}
return -1;
};
}
您可以使用underscore.js。它真的让事情变得简单。
例如，与此：
var result = _.without(['three','seven','eleven'], 'seven');
并且result会['three','eleven']。
在您的情况下，您必须编写的代码是：
ary = _.without(ary, 'seven')
它减少了您编写的代码。
您可以通过以下两种方式做到这一点：
const arr = ['1', '2', '3', '4'] // we wanna delete number "3"
第一种方式：
arr.indexOf('3') !== -1 && arr.splice(arr.indexOf('3'), 1)第二种方式（ES6）特别没有 mutate：
const newArr = arr.filter(e => e !== '3')