javascript - jquery を使用してオブジェクトの配列のインデックスを取得する

Question

次の配列があります。

var = array[
            {"id" : "aa", "description" : "some description"},
            {"id" : "bb", "description" : "some more description"},
            {"id" : "cc", "description" : "a lot of description"}]

を含む配列のインデックスを見つけようとしますid === "bb"。私が思いついた解決策は次のとおりです。

var i = 0;
while(array[i].id != "bb"){
   i++;
}
alert(i) //returns 1

クロスブラウザ機能を備えた簡単な方法はありますか? 試し$.inArray(id,array)ましたが、うまくいきません。

Answer 1

コードの複雑さに問題はありませんが、値が存在しない場合に備えて検証を追加するなど、いくつかの変更をお勧めします。さらに、再利用可能なヘルパー関数ですべてをラップできます...

function getArrayIndexForKey(arr, key, val){
    for(var i = 0; i < arr.length; i++){
        if(arr[i][key] == val)
            return i;
    }
    return -1;
}

これは、次のように例で使用できます。

var index = getArrayIndexForKey(array, "id", "bb");
//index will be -1 if the "bb" is not found

これが実際の例です

注: これはブラウザ間の互換性があり、JQuery の代替手段よりも高速になる可能性があります。

Answer 2

var myArray = [your array];
var i = 0;

$.each(myArray, function(){
    if (this.id === 'bb') return false;
    i++;
})

console.log(i) // will log '1'

---

最新の JS で更新します。

let index
myArray.map(function(item, i){
    if (item.id === 'cc') index = i
})

console.log(index) // will log '2'

Answer 3

inArray は多次元配列では機能しないため、次のようにしてみてください

var globalarray= [
            {"id" : "aa", "description" : "some description1"},
            {"id" : "bb", "description" : "some more description"},
            {"id" : "cc", "description" : "a lot of description"}];
var theIndex = -1;
for (var i = 0; i < globalarray.length; i++) {
    if (globalarray[i].id == 'bb') {
        theIndex = i;
        break;
    }
}
alert(theIndex);

デモ

Answer 4

jQuery.each を使用できます - http://api.jquery.com/jQuery.each/

var i;
jQuery.each(array, function(index, value){
   if(value.id == 'bb'){
      i = index;
      return false; // retrun false to stop the loops
   }
});

Answer 5

Object.keys(yourObject).indexOf(yourValue);