Javascript：配列内のオブジェクトのインデックスを検索し、インデックスを知らず、オブジェクトのみ

Question

私はオブジェクトの配列を持っており、オブジェクトの1つを削除したいと思います。

[ 
    {"field":"ingredients","gte":"egg","lte":"egg"}, 
    {"field":"ingredients","gte":"bakepulver","lte":"bakepulver"}, 
    {"field":"ingredients","gte":"hvetemel","lte":"hvetemel"} 
] 

削除したいオブジェクトのインデックスがわかりませんが、オブジェクト全体がわかります。すなわち：

{"field":"ingredients","gte":"bakepulver","lte":"bakepulver"} 

私はそれが完全なコンテンツ（すべてのプロパティ）だだけでなく、field、gteまたはlteによって、オブジェクトのインデックスを見つける必要があります。単純なJavaScriptだけで配列内のオブジェクトのインデックスを見つけるにはどうすればよいですか？

Answer 1

データを繰り返し処理し、同じ内容のキーとすべてのキーの長さを確認できます。

var data = [{ "field": "ingredients", "gte": "egg", "lte": "egg" }, { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }, { "field": "ingredients", "gte": "hvetemel", "lte": "hvetemel" }], 
 
    search = { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }, 
 
    keys = Object.keys(search), 
 
    index = -1; 
 

 
data.some(function (a, i) { 
 
    if (Object.keys(a).length === keys.length && keys.every(function (k) { return a[k] === search[k]; })) { 
 
     index = i; 
 
     return true; 
 
    } 
 
}); 
 

 
console.log(index);

ES6

var data = [{ "field": "ingredients", "gte": "egg", "lte": "egg" }, { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }, { "field": "ingredients", "gte": "hvetemel", "lte": "hvetemel" }], 
 
    search = { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }, 
 
    keys = Object.keys(search), 
 
    index = data.findIndex(a => 
 
     Object.keys(a).length === keys.length && keys.every(k => a[k] === search[k])); 
 

 
console.log(index);

Answer 2

あなたは、各プロパティ名をかどうかをチェック値、およびプロパティ名をobjectにObject.keys()、Array.prototype.findIndex()、Array.prototype.every()を使用することができます.lengthは等しい。

let data = [ 
 
    {"field":"ingredients","gte":"egg","lte":"egg"}, 
 
    {"field":"ingredients","gte":"bakepulver","lte":"bakepulver"}, 
 
    {"field":"ingredients","gte":"hvetemel","lte":"hvetemel"} 
 
]; 
 

 
let props = {"field":"ingredients","gte":"bakepulver","lte":"bakepulver"}; 
 
let keys = Object.keys(props); 
 
let index = data.findIndex(o => keys.every(key => o[key] === props[key]) 
 
       && Object.keys(o).length === keys.length); 
 

 
console.log(index);

Answer 3

あなたが文字列化それによって、あなたの問題

var array = [ 
    {"field":"ingredients","gte":"egg","lte":"egg"}, 
    {"field":"ingredients","gte":"bakepulver","lte":"bakepulver"}, 
    {"field":"ingredients","gte":"hvetemel","lte":"hvetemel"} 
]; 
var searchObject =  
    {"field":"ingredients","gte":"bakepulver","lte":"bakepulver"}; 

var indexOfSearchResult; 

for (var i = 0; i < array.length; i++) { 
    var checkEqualBool = true; 
    for (var key in array[i]) { 
     if(array[i][key]!=searchObject[key]){ 
      checkEqualBool = false; 
      break; 
     } 
    } 
    if(checkEqualBool){ 
     indexOfSearchResult = i; 
     break; 
    } 
} 

Answer 4

私はオブジェクトを比較する古い方法を使用するために、このコードを使用することができます。私はあなたの更なるコメントから理解では、この1

var x = [{ 
 
    "field": "ingredients", 
 
    "gte": "egg", 
 
    "lte": "egg" 
 
}, { 
 
    "field": "ingredients", 
 
    "gte": "bakepulver", 
 
    "lte": "bakepulver" 
 
}, { 
 
    "field": "ingredients", 
 
    "gte": "hvetemel", 
 
    "lte": "hvetemel" 
 
}]; 
 
var control = { 
 
    "field": "ingredients", 
 
    "gte": "bakepulver", 
 
    "lte": "bakepulver" 
 
}; 
 

 
function getIndex(arr, key) { 
 
    var got = false, 
 
    result = -1; 
 
    arr.every(function(e, i) { 
 
    if (JSON.stringify(e) === JSON.stringify(key)) { 
 
     console.log('match found'); 
 
     result = i; 
 
     return false; 
 
    } 
 
    return true; 
 
    }) 
 
    return result; 
 
} 
 

 
console.log(getIndex(x, control));

Answer 5

を確認しようとすると、オブジェクトが3つの与えられたプロパティで構成されてのみ、この特定のケースのためのソリューションを必要としています。あなたは、フルES6をサポートしていない場合は

var data = [ 
 
    { "field": "ingredients", "gte": "egg", "lte": "egg" }, 
 
    { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }, 
 
    { "field": "ingredients", "gte": "hvetemel", "lte": "hvetemel" }]; 
 
var search = { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }; 
 

 
var index = data.findIndex(
 
    a => a.field == search.field && a.gte == search.gte && a.lte == search.lte); 
 

 
console.log(index);

：

var data = [ 
 
    { "field": "ingredients", "gte": "egg", "lte": "egg" }, 
 
    { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }, 
 
    { "field": "ingredients", "gte": "hvetemel", "lte": "hvetemel" }]; 
 
var search = { "field": "ingredients", "gte": "bakepulver", "lte": "bakepulver" }; 
 

 
var index = -1; 
 
data.some(function (a, i) { 
 
    if (a.field == search.field && a.gte == search.gte && a.lte == search.lte) 
 
     return index = i, true; 
 
}); 
 
console.log(index);