Wie erhalte ich einen Index des Objekts anhand seiner Eigenschaft in JavaScript?

Zum Beispiel habe ich:

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

Dann möchte ich dieses Objekt zum Beispiel sortieren / umkehrenname . Und dann möchte ich so etwas bekommen:

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

Und jetzt möchte ich den Index des Objekts mit der Eigenschaft kennen name='John', um den Wert des Eigenschaftstokens zu erhalten.

Wie löse ich das Problem?

Wie die anderen Antworten vermuten lassen, ist das Durchlaufen des Arrays wahrscheinlich der beste Weg. Aber ich würde es in seine eigene Funktion stellen und es etwas abstrakter machen:

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

Damit können Sie nicht nur herausfinden, welches 'John' enthält, sondern auch, welches das Token '312312' enthält:

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

BEARBEITEN: Die Funktion wurde aktualisiert und gibt -1 zurück, wenn sie nicht gefunden wird. Sie folgt demselben Konstrukt wie Array.prototype.indexOf ()

Da ist der Sortierteil schon beantwortet. Ich werde nur einen anderen eleganten Weg vorschlagen, um den Index einer Eigenschaft in Ihrem Array zu erhalten

Ihr Beispiel ist:

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

Du kannst tun:

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

Array.prototype.mapist auf IE7 oder IE8 nicht verfügbar. ES5-Kompatibilität

Und hier ist es mit ES6 und Pfeilsyntax, was noch einfacher ist:

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

Wenn Sie mit ES6 gut zurechtkommen. Arrays haben jetzt die Funktion findIndex . Was bedeutet, dass Sie so etwas tun können:

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

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

Welches ist eine vereinfachte Version von:

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

Von mozilla.org:

Die Methode findIndex () gibt den Index des ersten Elements im Array zurück, das die bereitgestellte Testfunktion erfüllt. Andernfalls wird -1 zurückgegeben.

Wenn Sie Probleme mit dem Internet Explorer haben, können Sie die Funktion map () verwenden, die ab 9.0 unterstützt wird:

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

Der einzige für mich bekannte Weg ist das Durchlaufen aller Arrays:

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

oder Groß- und Kleinschreibung nicht beachten:

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

Auf Ergebnisvariable Index enthält Index des Objekts oder -1 , wenn nicht gefunden.

ein prototypischer Weg

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

Sie können Array.sort mit einer benutzerdefinierten Funktion als Parameter verwenden, um Ihren Sortiermechanismus zu definieren.

In Ihrem Beispiel würde es geben:

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'

Die Sortierfunktion muss entweder -1 zurückgeben, wenn a vor b stehen soll, 1, wenn a nach b kommen soll, und 0, wenn beide gleich sind. Es liegt an Ihnen, die richtige Logik in Ihrer Sortierfunktion zu definieren, um das Array zu sortieren.

Bearbeiten: Verpasste den letzten Teil Ihrer Frage, in dem Sie den Index wissen möchten. Sie müssten das Array durchlaufen, um herauszufinden, wie andere gesagt haben.

Gehen Sie einfach Ihr Array durch und finden Sie die Position:

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

Dies könnte nützlich sein

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

Kopiert von https://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects

Warum benutzt du kein kleines Workaround?

Erstellen Sie ein neues Array mit Namen als Indizes. Danach werden bei allen Suchvorgängen Indizes verwendet. Also nur eine Schleife. Danach müssen Sie nicht alle Elemente durchlaufen!

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

Live-Beispiel.

Die Antwort von Chris Pickett wurde erweitert, da ich in meinem Fall tiefer als eine Attributebene suchen musste:

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

Sie können 'attr1.attr2' an die Funktion übergeben

Was ist damit? ::

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

Angenommen, Sie verwenden lodash oder Unterstriche.

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

Wenn Sie ein Objekt mit mehreren Objekten haben und wissen möchten, ob ein Objekt im Master-Objekt enthalten ist, geben Sie einfach find (MasterObject, 'Object to Search') ein. Diese Funktion gibt die Antwort zurück, falls vorhanden oder nicht (TRUE oder FALSE) ), Ich hoffe Hilfe dabei, kann das Beispiel auf JSFiddle sehen .

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

Wenn Sie den Wert des Eigenschaftstokens abrufen möchten, können Sie dies auch versuchen

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

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

Dabei ist _.findKey die Funktion eines Lodash

Alternativ zur Antwort von Deutsch Attanasio Ruiz können Sie die 2. Schleife entfernen, indem Sie Array.reduce () anstelle von Array.map () verwenden.

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

Unterstrich verwenden:

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