blocks|key|363251|text|一种可能性是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363252|myArray+=+myArray.filter(function(+obj+)+{
++++return+obj.field+!==+'money';
});|code-block|syntax|javascript|363253|请注意，filter会创建一个新数组。引用原始数组的任何其他变量都不会获得过滤后的数据，尽管您使用新引用更新了原始变量myArray。请谨慎使用。|offset|length|style|CODE|363254|entityMap^0|0|0|4|6|1N|7|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

One possibility:

<pre><code>myArray = myArray.filter(function( obj ) {
 return obj.field !== 'money';
});
</code></pre>

Please note that <code>filter</code> creates a new array. Any other variables referring to the original array would not get the filtered data although you update your original variable <code>myArray</code> with the new reference. Use with caution.

blocks|key|145064|text|遍历数组，然后splice出您不需要的数组。为了更容易使用，向后迭代，这样就不必考虑数组的实时性质：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|145065|for+(var+i+=+myArray.length+-+1;+i+>=+0;+--i)+{
++++if+(myArray[i].field+==+"money")+{
++++++++myArray.splice(i,1);
++++}
}|code-block|syntax|javascript|145066|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice^0|7|6|7|6|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

Iterate through the array, and <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice" rel="noreferrer"><code>splice</code></a> out the ones you don't want. For easier use, iterate backwards so you don't have to take into account the live nature of the array:

<pre><code>for (var i = myArray.length - 1; i &gt;= 0; --i) {
 if (myArray[i].field == "money") {
 myArray.splice(i,1);
 }
}
</code></pre>

blocks|key|145235|text|假设您想通过第二个对象的field属性来删除它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|145236|使用ES6就像这样简单。|145237|myArray.splice(myArray.findIndex(item+=>+item.field+===+"cStatus"),+1)|code-block|syntax|javascript|145238|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Say you want to remove the second object by it's field property. 

With ES6 it's as easy as this.

<pre><code>myArray.splice(myArray.findIndex(item =&gt; item.field === "cStatus"), 1)
</code></pre>

blocks|key|145279|text|在ES6中，只有一行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|145280|const+arr+=+arr.filter(item+=>+item.key+!==+"some+value");|code-block|syntax|javascript|145281|:)|145282|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In ES6, just one line.

<pre class="lang-js prettyprint-override"><code>const arr = arr.filter(item =&gt; item.key !== "some value");
</code></pre>

:)

blocks|key|363337|text|这里是使用jQuery+grep的另一种选择。将true作为第三个参数传递，以确保grep删除与您的函数匹配的项。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|363338|users+=+$.grep(users,+function(el,+idx)+{return+el.field+==+"money"},+true)|code-block|syntax|javascript|363339|如果您已经在使用jQuery，则不需要填充程序，这与使用Array.filter相比可能很有用。|363340|entityMap^0|O|4|0|0|S|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

Here's another option using jQuery grep. Pass <code>true</code> as the third parameter to ensure grep removes items that match your function.

<pre><code>users = $.grep(users, function(el, idx) {return el.field == "money"}, true)
</code></pre>

If you're already using jQuery then no shim is required, which is could be useful as opposed to using <code>Array.filter</code>.

blocks|key|363365|text|var+myArray+=+[
++++{field:+'id',+operator:+'eq',+value:+id},+
++++{field:+'cStatus',+operator:+'eq',+value:+cStatus},+
++++{field:+'money',+operator:+'eq',+value:+money}
];
console.log(myArray.length);+//3
myArray+=+$.grep(myArray,+function(element,+index){return+element.field+==+"money"},+true);
console.log(myArray.length);+//2|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|363366|元素是数组中的对象。第三个参数true意味着将返回一个不符合函数逻辑的元素数组，false意味着将返回一个不符合函数逻辑的元素数组。|unstyled|offset|length|style|CODE|363367|entityMap^0|0|F|4|14|5|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>var myArray = [
 {field: 'id', operator: 'eq', value: id}, 
 {field: 'cStatus', operator: 'eq', value: cStatus}, 
 {field: 'money', operator: 'eq', value: money}
];
console.log(myArray.length); //3
myArray = $.grep(myArray, function(element, index){return element.field == "money"}, true);
console.log(myArray.length); //2
</code></pre>

Element is an object in the array.
3rd parameter <code>true</code> means will return an array of elements which fails your function logic, <code>false</code> means will return an array of elements which fails your function logic.

blocks|key|145249|text|使用lodash库：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|145250|​|145251|var+myArray+=+[
++++{field:+'id',+operator:+'eq',+value:+'id'},+
++++{field:+'cStatus',+operator:+'eq',+value:+'cStatus'},+
++++{field:+'money',+operator:+'eq',+value:+'money'}
];
var+newArray+=+_.remove(myArray,+function(n)+{
++return+n.value+===+'money';;
});
console.log('Array');
console.log(myArray);
console.log('New+Array');
console.log(newArray);|code-block|syntax|javascript|145252|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js"></script>|145253|145254|entityMap|0|LINK|mutability|MUTABLE|url|https://lodash.com/^0|2|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|10|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|M|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]]]

Using the <a href="https://lodash.com/" rel="nofollow noreferrer">lodash</a> library:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var myArray = [
 {field: 'id', operator: 'eq', value: 'id'}, 
 {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
 {field: 'money', operator: 'eq', value: 'money'}
];
var newArray = _.remove(myArray, function(n) {
 return n.value === 'money';;
});
console.log('Array');
console.log(myArray);
console.log('New Array');
console.log(newArray);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>

blocks|key|145270|text|基于上面的一些注释，下面是如何根据键名和键值删除对象的代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|145271|+var+items+=+[+
++{+"id":+3.1,+"name":+"test+3.1"},+
++{+"id":+22,+"name":+"test+3.1"+},+
++{+"id":+23,+"name":+"changed+test+23"+}+
++]

++++function+removeByKey(array,+params){
++++++array.some(function(item,+index)+{
++++++++return+(array[index][params.key]+===+params.value)+?+!!(array.splice(index,+1))+:+false;
++++++});
++++++return+array;
++++}

++++var+removed+=+removeByKey(items,+{
++++++key:+'id',
++++++value:+23
++++});

++++console.log(removed);|code-block|syntax|javascript|145272|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Based on some comments above below is the code how to remove an object based on a key name and key value

<pre><code> var items = [ 
 { "id": 3.1, "name": "test 3.1"}, 
 { "id": 22, "name": "test 3.1" }, 
 { "id": 23, "name": "changed test 23" } 
 ]

 function removeByKey(array, params){
 array.some(function(item, index) {
 return (array[index][params.key] === params.value) ? !!(array.splice(index, 1)) : false;
 });
 return array;
 }

 var removed = removeByKey(items, {
 key: 'id',
 value: 23
 });

 console.log(removed);
</code></pre>

blocks|key|363280|text|jAndy的解决方案可能是最好的，但如果你不能依赖过滤器，你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363281|var+myArray+=+[
++++{field:+'id',+operator:+'eq',+value:+'id'},+
++++{field:+'cStatus',+operator:+'eq',+value:+'cStatus'},+
++++{field:+'money',+operator:+'eq',+value:+"money"}
];

myArray.remove_key+=+function(key){
++++var+i+=+0,+
++++++++keyval+=+null;
++++for(+;+i+<+this.length;+i%2B%2B){
++++++++if(this[i].field+==+key){
++++++++++++keyval+=+this.splice(i,+1);
++++++++++++break;
++++++++}
++++}
++++return+keyval;
}|code-block|syntax|javascript|363282|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

jAndy's solution is probably best, but if you can't rely on filter you could do something like:

<pre><code>var myArray = [
 {field: 'id', operator: 'eq', value: 'id'}, 
 {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
 {field: 'money', operator: 'eq', value: "money"}
];

myArray.remove_key = function(key){
 var i = 0, 
 keyval = null;
 for( ; i &lt; this.length; i++){
 if(this[i].field == key){
 keyval = this.splice(i, 1);
 break;
 }
 }
 return keyval;
}
</code></pre>

blocks|key|145156|text|如果您不使用jQuery，则代码如下。Demo|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|145157|var+myArray+=+[
++++{field:+'id',+operator:+'eq',+value:+'id'},+
++++{field:+'cStatus',+operator:+'eq',+value:+'cStatus'},+
++++{field:+'money',+operator:+'eq',+value:+'money'}
];

alert(myArray.length);

for(var+i=0+;+i<myArray.length;+i%2B%2B)
{
++++if(myArray[i].value=='money')
++++++++myArray.splice(i);
}

alert(myArray.length);|code-block|syntax|javascript|145158|你也可以使用下划线库，它有很多功能。|145159|Underscore是一个用于JavaScript的实用程序库，它提供了许多函数式编程支持|145160|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/umairsaleemid/mkjqM/|1|http://underscorejs.org/^0|J|4|0|0|0|0|0|A|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

Following is the code if you are not using jQuery. <a href="http://jsfiddle.net/umairsaleemid/mkjqM/" rel="nofollow noreferrer">Demo</a>

<pre><code>var myArray = [
 {field: 'id', operator: 'eq', value: 'id'}, 
 {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
 {field: 'money', operator: 'eq', value: 'money'}
];

alert(myArray.length);

for(var i=0 ; i&lt;myArray.length; i++)
{
 if(myArray[i].value=='money')
 myArray.splice(i);
}

alert(myArray.length);
</code></pre>

You can also use underscore library which have lots of function.

<a href="http://underscorejs.org/" rel="nofollow noreferrer">Underscore</a> is a utility-belt library for JavaScript that provides a lot of the functional programming support

I have an array of objects like so:

<pre><code>var myArray = [
 {field: 'id', operator: 'eq', value: id}, 
 {field: 'cStatus', operator: 'eq', value: cStatus}, 
 {field: 'money', operator: 'eq', value: money}
];
</code></pre>

How do I remove a specific one based on its property?

e.g. How would I remove the array object with 'money' as the field property?

Remove array element based on object property

我有一个这样的对象数组：var myArray = [    {field: 'id', operator: 'eq', value: id},     {field: 'cStatus', operator: 'eq', value: cStatus},     {field: 'money', operator: 'eq', value: money}];如何根据属性移除特定的属性？例如，我如

问根据对象属性移除数组元素
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据对象属性移除数组元素EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据对象属性移除数组元素
EN