我有一个如下所示的数组:var y = [1, 2, 3];
我想从数组2
中删除y
。
如何使用jQuery从数组中删除特定值?我尝试了pop()
,但总是删除最后一个元素。
答案 0 :(得分:568)
工作JSFIDDLE
您可以这样做:
var y = [1, 2, 2, 3, 2]
var removeItem = 2;
y = jQuery.grep(y, function(value) {
return value != removeItem;
});
<强>结果:强>
[1, 3]
http://snipplr.com/view/14381/remove-item-from-array-with-jquery/
答案 1 :(得分:344)
使用jQuery,你可以像这样进行单行操作:
示例: http://jsfiddle.net/HWKQY/
y.splice( $.inArray(removeItem, y), 1 );
使用原生的.splice()
和jQuery的$.inArray()
。
答案 2 :(得分:42)
jQuery.filter
方法很有用。这适用于Array
个对象。
var arr = [1, 2, 3, 4, 5, 5];
var result = arr.filter(function(elem){
return elem != 5;
});//result -> [1,2,3,4]
http://jsfiddle.net/emrefatih47/ar0dhvhw/
在Ecmascript 6中:
let values = [1,2,3,4,5];
let evens = values.filter(v => v % 2 == 0);
alert(evens);
答案 3 :(得分:35)
答案 4 :(得分:31)
不是jQuery方式但是...... 为什么不使用更简单的方法。从以下数组中删除“c”
var a = ['a','b','c','d']
a.splice(a.indexOf('c'),1);
>["c"]
a
["a", "b", "d"]
您还可以使用:(请注意:Don’t modify objects you don’t own)
Array.prototype.remove = function(v) { this.splice(this.indexOf(v) == -1 ? this.length : this.indexOf(v), 1); }
var a = ['a','b','c'];
a.remove('c'); //value of "a" is now ['a','b']
添加更简单a.push('c')
答案 5 :(得分:16)
删除数组中的项目
var arr = ["jQuery", "JavaScript", "HTML", "Ajax", "Css"];
var itemtoRemove = "HTML";
arr.splice($.inArray(itemtoRemove, arr), 1);
答案 6 :(得分:11)
//This prototype function allows you to remove even array from array
Array.prototype.remove = function(x) {
var i;
for(i in this){
if(this[i].toString() == x.toString()){
this.splice(i,1)
}
}
}
使用
的示例var arr = [1,2,[1,1], 'abc'];
arr.remove([1,1]);
console.log(arr) //[1, 2, 'abc']
var arr = [1,2,[1,1], 'abc'];
arr.remove(1);
console.log(arr) //[2, [1,1], 'abc']
var arr = [1,2,[1,1], 'abc'];
arr.remove('abc');
console.log(arr) //[1, 2, [1,1]]
要使用此原型功能,您需要将其粘贴到代码中。 然后你可以将它应用于任何带有'点符号'的数组:
someArr.remove('elem1')
答案 7 :(得分:4)
在Javascript中没有本地方法可以做到这一点。您可以使用库或编写一个小函数来代替:http://ejohn.org/blog/javascript-array-remove/
答案 8 :(得分:3)
您可以使用.not函数:
var arr = [ 1 , 2 , 3 , 5 , 8];
var searchValue = 2;
var newArr = $(arr).not([searchValue]).get();
答案 9 :(得分:2)
我的user113716版本的答案。如果没有找到匹配,他会删除一个值,这是不好的。
var y = [1, 2, 3]
var removeItem = 2;
var i = $.inArray(removeItem,y)
if (i >= 0){
y.splice(i, 1);
}
alert(y);
如果找到匹配项,现在删除1项,如果找不到匹配项,则删除0。
工作原理:
value
array
的第一个索引
count
开始删除index
个值,因此我们只需count
1
答案 10 :(得分:2)
有一个简单的拼接解决方案。根据{{3}}拼接语法如下;
array.splice(index, howmany, item1, ....., itemX)
索引必填。一个整数,指定添加/删除项目的位置,使用负值指定数组末尾的位置
howmany 必填。要删除的项目数。如果设置为0,则不会删除任何项目
item1,...,itemX 可选。要添加到数组的新项目
请记住,如果找到,以下js将弹出给定数组中的一个或多个匹配项,否则将不会删除该数组的最后一项。
var x = [1,2,3,4,5,4,4,6,7];
var item = 4;
var startItemIndex = $.inArray(item, x);
var itemsFound = x.filter(function(elem){
return elem == item;
}).length;
或
var itemsFound = $.grep(x, function (elem) {
return elem == item;
}).length;
所以决赛应该如下所示
x.splice( startItemIndex , itemsFound );
希望这有帮助。
答案 11 :(得分:2)
//in case somebody needs something like this: multidimensional array (two items)
var ar = [[0,'a'],[1,'b'],[2,'c'],[3,'d'],[4,'e'],[5,'f']];
var removeItem = 3;
ar = jQuery.grep(ar, function(n) {
return n[0] != removeItem; //or n[1] for second item in two item array
});
ar;
答案 12 :(得分:2)
尝试一下对我有用的
_clientsSelected = ["10", "30", "12"];
function (removeItem) {
console.log(removeItem);
_clientsSelected.splice($.inArray(removeItem, _clientsSelected), 1);
console.log(_clientsSelected);
`enter code here`},
答案 13 :(得分:1)
我使用pick_and_remove()
函数扩展Array类,如下所示:
var ArrayInstanceExtensions = {
pick_and_remove: function(index){
var picked_element = this[index];
this.splice(index,1);
return picked_element;
}
};
$.extend(Array.prototype, ArrayInstanceExtensions);
虽然看起来有点冗长,但您现在可以在任何可能需要的阵列上调用pick_and_remove()
!
用法:
array = [4,5,6] //=> [4,5,6]
array.pick_and_remove(1); //=> 5
array; //=> [4,6]
你可以在以口袋妖怪为主题的动作here.
中看到所有这些答案 14 :(得分:1)
我有一个类似的任务,我需要根据数组中对象的属性一次删除多个对象。
经过几次迭代后,我最终得到了:
list = $.grep(list, function (o) { return !o.IsDeleted });
答案 15 :(得分:1)
/** SUBTRACT ARRAYS **/
function subtractarrays(array1, array2){
var difference = [];
for( var i = 0; i < array1.length; i++ ) {
if( $.inArray( array1[i], array2 ) == -1 ) {
difference.push(array1[i]);
}
}
return difference;
}
然后,您可以在代码中的任何位置调用该函数。
var I_like = ["love", "sex", "food"];
var she_likes = ["love", "food"];
alert( "what I like and she does't like is: " + subtractarrays( I_like, she_likes ) ); //returns "Naughty :P"!
这适用于所有情况并避免上述方法中的问题。希望有所帮助!
答案 16 :(得分:1)
首先检查数组中是否存在元素
$.inArray(id, releaseArray) > -1
上面的行返回该元素的索引(如果它存在于数组中),否则返回-1
releaseArray.splice($.inArray(id, releaseArray), 1);
现在上面的行将在数组中删除此元素(如果找到)。总结下面的逻辑是检查和从数组中删除元素所需的代码。
if ($.inArray(id, releaseArray) > -1) {
releaseArray.splice($.inArray(id, releaseArray), 1);
}
else {
releaseArray.push(id);
}
答案 17 :(得分:1)
这里第二个最受支持的答案是在与OP想要的预期行为的单行jQuery方法最接近的轨道上,但是他们在代码末尾迷迷糊糊,并且存在缺陷。如果要删除的项目实际上不在数组中,则最后一个项目将被删除。
一些人已经注意到了这个问题,一些人提供了循环方法来防范此问题。我提供了我所能找到的最短,最简洁的方法,并在他们的回答下评论了根据此方法修复其代码的方法。
var x = [1, 2, "bye", 3, 4];
var y = [1, 2, 3, 4];
var removeItem = "bye";
// Removing an item that exists in array
x.splice( $.inArray(removeItem,x), $.inArray(removeItem,x) ); // This is the one-liner used
// Removing an item that DOESN'T exist in array
y.splice( $.inArray(removeItem,y), $.inArray(removeItem,y) ); // Same usage, different array
// OUTPUT -- both cases are expected to be [1,2,3,4]
alert(x + '\n' + y);
数组 x 将轻松删除元素“再见”,而数组 y 将保持不变。
使用参数$.inArray(removeItem,array)
作为第二个参数实际上是要拼接的长度。由于未找到该项目,因此其结果为array.splice(-1,-1);
,这将导致没有任何拼接。所有这些都无需为此编写循环。
答案 18 :(得分:1)
只是添加到Sarfraz的答案中,令人惊讶的是没有人将它变成一个函数。
如果数组中的相同值不止一次,请使用.filter方法使用ddagsan的答案。
function arrayRemoveVal(array, removeValue){
var newArray = jQuery.grep(array, function(value) {return value != removeValue;});
return newArray;
}
var promoItems = [1,2,3,4];
promoItems = arrayRemoveVal(promoItems, 3);// removes 3
console.log(promoItems);
promoItems = arrayRemoveVal(promoItems, 3);// removes nothing
console.log(promoItems);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
答案 19 :(得分:0)
使用vanilla JavaScript安全地从数组中删除2:
// Define polyfill for browsers that don't natively support Array.indexOf()
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(searchElement, fromIndex) {
var k;
if (this===null) {
throw new TypeError('"this" is null or not defined');
}
var O = Object(this),
len = O.length >>> 0;
if (len===0) return -1;
var n = +fromIndex || 0;
if (Math.abs(n)===Infinity) n = 0;
if (n >= len) return -1;
k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
while (k < len) {
if (k in O && O[k]===searchElement) return k;
++k;
}
return -1;
};
}
// Remove first instance of 2 from array
if (y.indexOf(2) > -1) {
y.splice(y.indexOf(2), 1);
}
/* To remove all instances of 2 from array, change 'if' to 'while':
while (y.indexOf(2) > -1) {
y.splice(y.indexOf(2), 1);
}
*/
console.log(y); // Returns [1, 3]
Polyfill来源:Mozilla