Wie greife ich auf die erste Eigenschaft eines Javascript-Objekts zu?

Gibt es eine elegante Möglichkeit, auf die erste Eigenschaft eines Objekts zuzugreifen ...

1. wo Sie den Namen Ihrer Immobilien nicht kennen
2. ohne eine Schleife wie for .. inoder jQuery's zu verwenden$.each

Zum Beispiel muss ich auf ein foo1Objekt zugreifen , ohne den Namen von foo1 zu kennen:

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'

Damit können Sie auch über Indizes auf andere Eigenschaften zugreifen. Sei dir dessen bewusst! Object.keysDie Rückgabereihenfolge wird gemäß ECMAScript nicht garantiert, jedoch inoffiziell bei allen gängigen Browser-Implementierungen. Weitere Informationen hierzu finden Sie unter https://stackoverflow.com/a/23202095 .

Probieren Sie die for … inSchleife aus und brechen Sie nach der ersten Iteration ab:

for (var prop in object) {
    // object[prop]
    break;
}

Sie können auch tun Object.values(example)[0].

Verwenden Sie Object.keysdiese Option , um ein Array der Eigenschaften eines Objekts abzurufen. Beispiel:

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

var keys = Object.keys(example); // => ["foo1", "foo2", "foo3"] (Note: the order here is not reliable)

Dokumentation und browserübergreifendes Shim finden Sie hier . Ein Beispiel für seine Verwendung finden Sie in einer anderen meiner Antworten hier .

Bearbeiten : Aus Gründen der Übersichtlichkeit möchte ich nur das wiederholen, was in anderen Antworten korrekt angegeben wurde: Die Schlüsselreihenfolge in Javascript-Objekten ist undefiniert.

Eine Version mit einer Regel:

var val = example[function() { for (var k in example) return k }()];

Es gibt keine "erste" Eigenschaft. Objektschlüssel sind ungeordnet.

Wenn Sie sie mit for (var foo in bar)durchlaufen, erhalten Sie sie in einer bestimmten Reihenfolge, dies kann sich jedoch in Zukunft ändern (insbesondere, wenn Sie andere Schlüssel hinzufügen oder entfernen).

Lösung mit lodash Bibliothek:

_.find(example) // => {name: "foo1"}

Es gibt jedoch keine Garantie für die interne Speicherreihenfolge der Objekteigenschaften, da dies von der Implementierung der Javascript-VM abhängt.

Nein. Ein Objektliteral im Sinne von MDC lautet:

Eine Liste mit null oder mehr Paaren von Eigenschaftsnamen und zugehörigen Werten eines Objekts in geschweiften Klammern ({}).

Daher ist ein Objektliteral kein Array, und Sie können nur mit ihrem expliziten Namen oder einer forSchleife mit dem inSchlüsselwort auf die Eigenschaften zugreifen .

Die Top-Antwort könnte das gesamte Array generieren und dann aus der Liste erfassen. Hier ist eine weitere effektive Verknüpfung

var obj = { first: 'someVal' };
Object.entries(obj)[0][1] // someVal

Dies wurde hier schon einmal behandelt.

Das Konzept von first gilt nicht für Objekteigenschaften, und die Reihenfolge einer for ... in-Schleife wird durch die Spezifikationen nicht garantiert. In der Praxis ist es jedoch zuverlässig FIFO, außer kritisch für Chrome ( Fehlerbericht ). Treffen Sie Ihre Entscheidungen entsprechend.

Ich empfehle Ihnen nicht, Object.keys zu verwenden, da dies in alten IE-Versionen nicht unterstützt wird. Aber wenn Sie das wirklich brauchen, können Sie den obigen Code verwenden, um die Rückenkompatibilität zu gewährleisten:

if (!Object.keys) {
Object.keys = (function () {
var hasOwnProperty = Object.prototype.hasOwnProperty,
    hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
    dontEnums = [
      'toString',
      'toLocaleString',
      'valueOf',
      'hasOwnProperty',
      'isPrototypeOf',
      'propertyIsEnumerable',
      'constructor'
    ],
    dontEnumsLength = dontEnums.length;

return function (obj) {
  if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) throw new TypeError('Object.keys called on non-object');

  var result = [];

  for (var prop in obj) {
    if (hasOwnProperty.call(obj, prop)) result.push(prop);
  }

  if (hasDontEnumBug) {
    for (var i=0; i < dontEnumsLength; i++) {
      if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
    }
  }
  return result;
}})()};

Funktion Firefox (Gecko) 4 (2.0) Chrome 5 Internet Explorer 9 Opera 12 Safari 5

Weitere Informationen: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys

Wenn Sie jedoch nur die erste benötigen, können wir eine kürzere Lösung vereinbaren, z.

var data = {"key1":"123","key2":"456"};
var first = {};
for(key in data){
    if(data.hasOwnProperty(key)){
        first.key = key;
        first.content =  data[key];
        break;
    }
}
console.log(first); // {key:"key",content:"123"}

Um den ersten Schlüsselnamen im Objekt zu erhalten, können Sie Folgendes verwenden:

var obj = { first: 'someVal' };
Object.keys(obj)[0]; //returns 'first'

Gibt eine Zeichenfolge zurück, sodass Sie nicht auf verschachtelte Objekte zugreifen können, wenn:

var obj = { first: { someVal : { id : 1} }; Hier können Sie mit dieser Lösung nicht auf die ID zugreifen.

Die beste Lösung, wenn Sie das eigentliche Objekt erhalten möchten, ist die Verwendung von lodash wie:

obj[_.first(_.keys(obj))].id

So geben Sie den Wert des ersten Schlüssels zurück (wenn Sie den Namen des ersten Schlüssels nicht genau kennen):

var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'

Wenn Sie den Schlüsselnamen kennen, verwenden Sie einfach:

obj.first

oder

obj['first']

Wenn Sie auf "die erste Eigenschaft eines Objekts" zugreifen müssen, kann dies bedeuten, dass etwas mit Ihrer Logik nicht stimmt. Die Reihenfolge der Eigenschaften eines Objekts sollte keine Rolle spielen.

Verwenden Sie ein Array anstelle eines Objekts (eckige Klammern).

var example = [ {/* stuff1 */}, { /* stuff2 */}, { /* stuff3 */}];
var fist = example[0];

Beachten Sie, dass Sie die 'foo'-Kennungen verlieren. Sie können den enthaltenen Objekten jedoch eine Namenseigenschaft hinzufügen:

var example = [ 
  {name: 'foo1', /* stuff1 */},
  {name: 'foo2', /* stuff2 */},
  {name: 'foo3', /* stuff3 */}
];
var whatWasFirst = example[0].name;

Gibt es einen Grund, dies nicht zu tun?

> example.map(x => x.name);

(3) ["foo1", "foo2", "foo3"]

Sie können verwenden, Object.prototype.keyswodurch alle Schlüssel eines Objekts in derselben Reihenfolge zurückgegeben werden. Wenn Sie also das erste Objekt möchten, holen Sie sich einfach dieses Array und verwenden Sie das erste Element als gewünschten Schlüssel.

const o = { "key1": "value1", "key2": "value2"};
const idx = 0; // add the index for which you want value
var key = Object.keys(o)[idx];
value = o[key]
console.log(key,value); // key2 value2

wir können auch mit diesem Ansatz tun.

var example = {
  foo1: { /* stuff1 */},
  foo2: { /* stuff2 */},
  foo3: { /* stuff3 */}
}; 
Object.entries(example)[0][1];

Hier ist eine sauberere Methode, um den ersten Schlüssel zu erhalten:

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

var object2 = {
    needThis: 'This is a value of the property',
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

let [first] = Object.keys(example)
let [firstProp] = Object.keys(object2)

console.log(first)
//Prop : needThis, Value: This is a value of the property
console.log(`Prop : ${firstProp}, Value: ${object2[firstProp]}`)