我有一个这样的对象数组:
var myArray = [
{field: 'id', operator: 'eq', value: id},
{field: 'cStatus', operator: 'eq', value: cStatus},
{field: 'money', operator: 'eq', value: money}
];
我如何删除一个特定的基于它的属性?
例:我该如何移除以“money”作为字段属性的数组对象?
我有一个这样的对象数组:
var myArray = [
{field: 'id', operator: 'eq', value: id},
{field: 'cStatus', operator: 'eq', value: cStatus},
{field: 'money', operator: 'eq', value: money}
];
我如何删除一个特定的基于它的属性?
例:我该如何移除以“money”作为字段属性的数组对象?
遍历数组,并拼接出不需要的数组。为了更容易使用,向后迭代,这样你就不必考虑数组的活动性质:
for (var i = myArray.length - 1; i >= 0; --i) {
if (myArray[i].field == "money") {
myArray.splice(i,1);
}
}
一种可能性:
myArray = myArray.filter(function( obj ) {
return obj.field !== 'money';
});
请注意,过滤器创建了一个新数组。尽管您使用新的引用更新了原始变量myArray,但引用原始数组的任何其他变量都不会得到过滤后的数据。请谨慎使用。
jAndy的解决方案可能是最好的,但如果你不能依赖过滤器,你可以这样做:
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++){
if(this[i].field == key){
keyval = this.splice(i, 1);
break;
}
}
return keyval;
}
如果不使用jQuery,下面是代码。演示
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++)
{
if(myArray[i].value=='money')
myArray.splice(i);
}
alert(myArray.length);
你也可以使用下划线库,它有很多功能。
Underscore是JavaScript的一个实用带库,提供了大量的函数式编程支持
下面是使用jQuery grep的另一个选项。传递true作为第三个参数,以确保grep删除与函数匹配的项。
users = $.grep(users, function(el, idx) {return el.field == "money"}, true)
如果你已经在使用jQuery,那么不需要填充,这可能比使用Array.filter有用。
您可以使用lodash的findIndex获取特定元素的索引,然后使用它进行拼接。
myArray.splice(_.findIndex(myArray, function(item) {
return item.value === 'money';
}), 1);
更新
你也可以使用ES6的findIndex()
findIndex()方法返回数组中满足所提供测试函数的第一个元素的索引。否则返回-1。
const itemToRemoveIndex = myArray.findIndex(function(item) {
return item.field === 'money';
});
// proceed to remove an item only if it exists.
if(itemToRemoveIndex !== -1){
myArray.splice(itemToRemoveIndex, 1);
}
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
Element是数组中的一个对象。 第三个参数true表示将返回一个元素数组,这个数组不符合你的函数逻辑,false表示将返回一个元素数组,这个数组不符合你的函数逻辑。
假设您想通过其field属性删除第二个对象。
用ES6就这么简单。
myArray.splice(myArray.findIndex(item => item.field === "cStatus"), 1)
使用lodash库:
var myArray = [ {字段:'id',运算符:'eq',值:'id'}, {字段:'cStatus',运算符:'eq',值:'cStatus'}, {字段:'money',运算符:'eq',值:'money'} ]; var newArray = _。remove(myArray, function(n) { 返回n.value === 'money';; }); console.log(“数组”); console.log (myArray); console.log(“新数组”); console.log (newArray); < script src = " https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js " > < /脚本>
基于上面的一些注释,下面是如何根据键名和键值删除对象的代码
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);
我们可以使用以下两种方法基于属性删除元素。
使用过滤法
testArray。过滤器(道具=>道具。== '测试值')
采用拼接法。对于这个方法,我们需要找到属性的索引。
const index = testArray。findIndex(道具=>道具。key === '测试值') testArray.splice(指数(1)