Jak uzyskać indeks obiektu według jego właściwości w JavaScript?

Mam na przykład:

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

Następnie chcę na przykład posortować / odwrócić ten obiekt name. A potem chcę uzyskać coś takiego:

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

A teraz chcę poznać indeks obiektu z właściwością, name='John'aby uzyskać wartość tokena właściwości.

Jak rozwiązać problem?

Jak sugerują inne odpowiedzi, zapętlanie tablicy jest prawdopodobnie najlepszym sposobem. Ale ustawiłbym to na swoją funkcję i uczyniłbym to trochę bardziej abstrakcyjnym:

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'}
];

Dzięki temu nie tylko możesz znaleźć, który zawiera „John”, ale możesz również znaleźć, który zawiera token „312312”:

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

EDYCJA: Zaktualizowano funkcję, aby zwracała -1, gdy nie została znaleziona, dzięki czemu działa zgodnie z tą samą konstrukcją, co Array.prototype.indexOf ()

Ponieważ część sortowania jest już odebrana. Mam zamiar zaproponować inny elegancki sposób uzyskania indeksu właściwości w tablicy

Twój przykład to:

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

Możesz to zrobić:

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

Array.prototype.mapnie jest dostępny w IE7 lub IE8. Kompatybilność z ES5

A oto z ES6 i składnią strzałek, która jest jeszcze prostsza:

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

Jeśli nie masz nic przeciwko korzystaniu z ES6. Tablice mają teraz funkcję findIndex . Co oznacza, że ​​możesz zrobić coś takiego:

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

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

Która jest uproszczoną wersją:

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

Z mozilla.org:

Metoda findIndex () zwraca indeks pierwszego elementu w tablicy, który spełnia podaną funkcję testową. W przeciwnym razie zwracane jest -1.

Jeśli masz problemy z IE, możesz użyć funkcji map (), która jest obsługiwana od wersji 9.0:

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

Jedynym znanym mi sposobem jest zapętlanie całej tablicy:

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

lub bez rozróżniania wielkości liter:

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

W wyniku zmienny indeks zawiera indeks obiektu lub -1, jeśli nie został znaleziony.

prototypowy sposób

(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.

Możesz użyć Array.sort za pomocą funkcji niestandardowej jako parametru do zdefiniowania mechanizmu sortowania.

W twoim przykładzie dałoby to:

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'

Funkcja sortowania musi zwrócić albo -1, jeśli a powinno wystąpić przed b, 1, jeśli a powinno nastąpić po b, i 0, jeśli oba są równe. Do Ciebie należy określenie właściwej logiki w funkcji sortowania, aby posortować tablicę.

Edycja: pominięto ostatnią część pytania, w której chcesz poznać indeks. Trzeba będzie zapętlić tablicę, aby znaleźć to, jak powiedzieli inni.

Wystarczy przejrzeć tablicę i znaleźć pozycję:

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

To może być przydatne

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

Skopiowałem to z https://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects

Dlaczego nie używasz małego obejścia?

Utwórz nową tablicę z nazwami jako indeksami. potem wszystkie wyszukiwania będą używać indeksów. Tak więc tylko jedna pętla. Po tym nie musisz zapętlać wszystkich elementów!

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

przykład na żywo.

Rozszerzona odpowiedź Chrisa Picketta, ponieważ w moim przypadku musiałem szukać głębiej niż jeden poziom atrybutu:

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;
      }
    }
  };
};

Możesz przekazać „attr1.attr2” do funkcji

A co z tym ? :

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

Zakładając, że używasz lodash lub 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;
}

Jeśli masz jeden obiekt z wieloma obiektami w środku, jeśli chcesz wiedzieć, czy jakiś obiekt znajduje się w obiekcie głównym, po prostu wstaw find (MasterObject, 'Object to Search'), ta funkcja zwróci odpowiedź, jeśli istnieje lub nie (PRAWDA lub FAŁSZ ), Mam nadzieję, że pomogę w tym, mogę zobaczyć przykład na 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

Jeśli chcesz uzyskać wartość tokena właściwości, możesz także spróbować tego

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

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

gdzie _.findKey jest funkcją loży

Alternatywnie do odpowiedzi niemieckiego Attanasio Ruiza możesz wyeliminować drugą pętlę, używając Array.reduce () zamiast Array.map ();

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

Za pomocą podkreślenia:

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