Bagaimana cara mendapatkan indeks objek berdasarkan propertinya di JavaScript?

Sebagai contoh, saya punya:

var Data = [
  { id_list: 1, name: 'Nick', token: '312312' },
  { id_list: 2, name: 'John', token: '123123' },
]

Lalu, saya ingin mengurutkan / membalikkan objek ini dengan name, misalnya. Dan kemudian saya ingin mendapatkan sesuatu seperti ini:

var Data = [
  { id_list: 2, name: 'John', token: '123123' },
  { id_list: 1, name: 'Nick', token: '312312' },
]

Dan sekarang saya ingin tahu indeks objek dengan properti name='John'untuk mendapatkan nilai token properti.

Bagaimana saya mengatasi masalah?

Seperti jawaban lain yang disarankan, perulangan melalui array mungkin adalah cara terbaik. Tapi saya akan memasukkannya ke dalam fungsinya sendiri, dan membuatnya sedikit lebih abstrak:

function findWithAttr(array, attr, value) {
    for(var i = 0; i < array.length; i += 1) {
        if(array[i][attr] === value) {
            return i;
        }
    }
    return -1;
}

var Data = [
    {id_list: 2, name: 'John', token: '123123'},
    {id_list: 1, name: 'Nick', token: '312312'}
];

Dengan ini, Anda tidak hanya dapat menemukan yang berisi 'John' tetapi Anda dapat menemukan yang berisi token '312312':

findWithAttr(Data, 'name', 'John'); // returns 0
findWithAttr(Data, 'token', '312312'); // returns 1
findWithAttr(Data, 'id_list', '10'); // returns -1

EDIT: Fungsi yang diperbarui untuk mengembalikan -1 ketika tidak ditemukan sehingga mengikuti konstruk yang sama dengan Array.prototype.indexOf ()

Karena bagian pengurutan sudah dijawab. Saya hanya akan mengusulkan cara elegan lain untuk mendapatkan indexOf dari properti di array Anda

Contoh Anda adalah:

var Data = [
    {id_list:1, name:'Nick',token:'312312'},
    {id_list:2,name:'John',token:'123123'}
]

Anda dapat melakukan:

var index = Data.map(function(e) { return e.name; }).indexOf('Nick');

Array.prototype.maptidak tersedia di IE7 atau IE8. Kompatibilitas ES5

Dan ini dia dengan sintaks ES6 dan panah, yang bahkan lebih sederhana:

const index = Data.map(e => e.name).indexOf('Nick');

Jika Anda baik-baik saja dengan menggunakan ES6. Array sekarang memiliki fungsi findIndex . Yang berarti Anda dapat melakukan sesuatu seperti ini:

const index = Data.findIndex(item => item.name === 'John');

var index = Data.findIndex(item => item.name == "John")

Yang merupakan versi sederhana dari:

var index = Data.findIndex(function(item){ return item.name == "John"})

Dari mozilla.org:

Metode findIndex () mengembalikan indeks elemen pertama dalam array yang memenuhi fungsi pengujian yang disediakan. Kalau tidak -1 dikembalikan.

Jika Anda mengalami masalah dengan IE, Anda bisa menggunakan fungsi map () yang didukung mulai 9.0 dan seterusnya:

var index = Data.map(item => item.name).indexOf("Nick");

Satu-satunya cara yang diketahui bagi saya adalah dengan mengulang-ulang semua array:

var index=-1;
for(var i=0;i<Data.length;i++)
  if(Data[i].name==="John"){index=i;break;}

atau case sensitive:

var index=-1;
for(var i=0;i<Data.length;i++)
  if(Data[i].name.toLowerCase()==="john"){index=i;break;}

Pada indeks hasil variabel berisi indeks objek atau -1 jika tidak ditemukan.

cara prototipe

(function(){
  if (!Array.prototype.indexOfPropertyValue){
    Array.prototype.indexOfPropertyValue = function(prop,value){
      for (var index = 0; index < this.length; index++){
        if (this[index][prop]){
          if (this[index][prop] == value){
            return index;
          }
        }
      }
      return -1;
    }
  }
 })();
 // usage:
 var Data = [
 {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}];
 Data.indexOfPropertyValue('name','John'); // returns 1 (index of array);
 Data.indexOfPropertyValue('name','Invalid name') // returns -1 (no result);
 var indexOfArray = Data.indexOfPropertyValue('name','John');
 Data[indexOfArray] // returns desired object.

Anda dapat menggunakan Array.sort menggunakan fungsi kustom sebagai parameter untuk menentukan mekanisme penyortiran Anda.

Dalam contoh Anda, itu akan memberikan:

var Data = [
    {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}
]

Data.sort(function(a, b){
    return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
});

alert("First name is : " + Data[0].name); // alerts 'John'
alert("Second name is : " + Data[1].name); // alerts 'Nick'

Fungsi sortir harus mengembalikan -1 jika a datang sebelum b, 1 jika a datang setelah b dan 0 jika keduanya sama. Terserah Anda untuk menentukan logika yang tepat dalam fungsi pengurutan Anda untuk mengurutkan array.

Sunting: Tidak terjawab bagian terakhir dari pertanyaan Anda di mana Anda ingin mengetahui indeks. Anda harus mengulang-ulang array untuk menemukan bahwa seperti yang orang lain katakan.

Cukup telusuri array Anda dan temukan posisi:

var i = 0;
for(var item in Data) {
    if(Data[item].name == 'John')
        break;
    i++;
}
alert(i);

Ini mungkin bermanfaat

function showProps(obj, objName) {  
  var result = "";  
  for (var i in obj)  
    result += objName + "." + i + " = " + obj[i] + "\n";  
  return result;  
}

Menyalin ini dari https://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects

Mengapa Anda tidak menggunakan pekerjaan kecil?

Buat array baru dengan nama sebagai indeks. setelah itu semua pencarian akan menggunakan indeks. Jadi, hanya satu putaran. Setelah itu Anda tidak perlu mengulang semua elemen!

var Data = [
    {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}
    ]
var searchArr = []
Data.forEach(function(one){
  searchArr[one.name]=one;
})
console.log(searchArr['Nick'])

http://jsbin.com/xibala/1/edit

contoh hidup.

Jawaban Chris Pickett yang diperluas karena dalam kasus saya, saya perlu mencari lebih dalam dari satu level atribut:

function findWithAttr(array, attr, value) {
  if (attr.indexOf('.') >= 0) {
    var split = attr.split('.');
    var attr1 = split[0];
    var attr2 = split[1];
    for(var i = 0; i < array.length; i += 1) {
      if(array[i][attr1][attr2] === value) {
        return i;
      }
    }
  } else {
    for(var i = 0; i < array.length; i += 1) {
      if(array[i][attr] === value) {
        return i;
      }
    }
  };
};

Anda dapat melewatkan 'attr1.attr2' ke dalam fungsi

Bagaimana dengan ini ? :

Data.indexOf(_.find(Data, function(element) {
  return element.name === 'John';
}));

Dengan asumsi Anda menggunakan lodash atau underscorejs.

var fields = {
teste:
{
    Acess:
    {
        Edit: true,
      View: false

      }
 },
teste1:
{
    Acess:
    {
        Edit: false,
      View: false

      }
  }
};

console.log(find(fields,'teste'));
function find(fields,field){
    for(key in fields){
        if(key == field){
        return true;
    }
}
return false;
}

Jika Anda memiliki satu Objek dengan banyak objek di dalamnya, jika Anda ingin tahu jika beberapa objek disertakan pada objek Master, cukup cantumkan find (MasterObject, 'Object to Search'), fungsi ini akan mengembalikan respons jika ada atau tidak (BENAR atau SALAH) ), Saya harap membantu dengan ini, dapat melihat contoh di JSFiddle .

let indexOf = -1;
let theProperty = "value"
let searchFor = "something";

theArray.every(function (element, index) {

    if (element[theProperty] === searchFor) {
        indexOf = index;
        return false;
    }
    return true;
});

collection.findIndex(item => item.value === 'smth') !== -1

Jika Anda ingin mendapatkan nilai token properti maka Anda juga dapat mencoba ini

    let data=[
      { id_list: 1, name: 'Nick', token: '312312' },
      { id_list: 2, name: 'John', token: '123123' },
    ]

    let resultingToken =  data[_.findKey(data,['name','John'])].token

di mana _.findKey adalah fungsi lodash

Atau sebagai pengganti jawaban German Attanasio Ruiz, Anda dapat menghilangkan loop ke-2 dengan menggunakan Array.reduce () alih-alih Array.map ();

var Data = [
    { name: 'hypno7oad' }
]
var indexOfTarget = Data.reduce(function (indexOfTarget, element, currentIndex) {
    return (element.name === 'hypno7oad') ? currentIndex : indexOfTarget;
}, -1);

Menggunakan garis bawah:

var index = _.indexOf(_.pluck(item , 'name'), 'Nick');