Javascript nesnesinin ilk özelliğine nasıl erişilir?

Bir nesnenin ilk özelliğine erişmenin zarif bir yolu var mı?

1. mülklerinizin adını bilmediğiniz yerler
2. for .. injQuery gibi bir döngü kullanmadan$.each

Örneğin, foo1foo1 adını bilmeden nesneye erişmek gerekiyor :

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

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

Bunu kullanarak dizinlere göre diğer özelliklere de erişebilirsiniz. Dikkatli olun tho! Object.keysiade emri ECMAScript'e göre garanti edilmez, ancak gayri resmi olarak tüm büyük tarayıcı uygulamaları tarafından yapılır, lütfen bununla ilgili ayrıntılar için https://stackoverflow.com/a/23202095 adresini okuyun .

for … inDöngüyü deneyin ve ilk yinelemeden sonra kırın:

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

Siz de yapabilirsiniz Object.values(example)[0].

Object.keysBir nesnedeki özellik dizisini almak için kullanın . Misal:

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

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

Burada sağlanan belgeler ve tarayıcılar arası şim . Onun kullanımıyla ilgili bir örnek benim cevap diğerinde bulunabilir burada .

Düzenleme : netlik için, sadece diğer cevaplarda doğru bir şekilde ifade edilen yankı istiyorum: javascript nesneleri anahtar sırası tanımsız.

Tek kurallı bir sürüm:

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

"İlk" mülk yok. Nesne anahtarları sırasız.

İçin üstlerine Eğer döngü halinde (var foo in bar)siz bunları alacak bazı sırayla, ancak gelecekte değişebilir (özellikle eklemek veya diğer anahtarlarını kaldırmak ise).

Lodash kütüphanesi ile çözüm :

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

ancak javascript VM uygulamasına bağlı olduğundan, nesne özellikleri dahili depolama siparişinin garantisi yoktur.

Hayır. MDC tarafından tanımlanan bir nesne değişmez değeri:

küme parantezleri ({}) içine alınmış sıfır veya daha fazla çift özellik adı ve bir nesnenin ilişkili değerlerinin bir listesi.

Bu nedenle, nesne değişmezi bir dizi değildir ve özelliklere yalnızca açık adlarını veya anahtar kelimeyi forkullanarak bir döngü kullanarak erişebilirsiniz in.

En iyi yanıt tüm diziyi oluşturabilir ve ardından listeden yakalayabilir. İşte başka bir etkili kısayol

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

Bu daha önce burada ele alınmıştı.

İlk kavramı nesne özellikleri için geçerli değildir ve bir for ... in döngüsünün sırası teknik özellikler tarafından garanti edilmez, ancak pratikte krom için kritik olanlar dışında ( hata raporu ) güvenilir bir şekilde FIFO'dur . Kararlarınızı buna göre verin.

Eski IE sürümlerinde desteklenmediğinden Object.keys kullanmanızı önermiyorum. Ancak buna gerçekten ihtiyacınız varsa, geri uyumluluğu garanti etmek için yukarıdaki kodu kullanabilirsiniz:

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

Firefox (Gecko) 4 (2.0) Chrome 5 Internet Explorer 9 Opera 12 Safari 5 Özelliği

Daha fazla bilgi: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys

Ancak sadece ilkine ihtiyacınız varsa, daha kısa bir çözüm ayarlayabiliriz:

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

Nesnedeki ilk anahtar adını almak için şunları kullanabilirsiniz:

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

Bir dize döndürür, böylece varsa iç içe nesnelere erişemezsiniz:

var obj = { first: { someVal : { id : 1} }; Burada bu çözümle kimliğe erişemezsiniz.

Gerçek nesneyi elde etmek istiyorsanız en iyi çözüm aşağıdaki gibi kullanmaktır:

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

İlk anahtarın değerini döndürmek için (ilk anahtar adını tam olarak bilmiyorsanız):

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

Anahtar adını biliyorsanız sadece şunu kullanın:

obj.first

veya

obj['first']

"Bir nesnenin ilk özelliğine" erişmeniz gerekiyorsa, mantığınızla ilgili bir sorun olduğu anlamına gelebilir. Bir nesnenin özelliklerinin sırası önemli olmamalıdır.

Nesne yerine bir dizi kullanın (köşeli ayraçlar).

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

'Foo' tanımlayıcılarını kaybettiğinizi unutmayın. Ancak içerilen nesnelere bir ad özelliği ekleyebilirsiniz:

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

Bunu yapmamak için bir sebep var mı?

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

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

Object.prototype.keysBir nesnenin tüm anahtarlarını aynı sırada döndüren tuşunu kullanabilirsiniz . İlk nesneyi istiyorsanız o diziyi alın ve ilk öğeyi istediğiniz anahtar olarak kullanın.

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

bu yaklaşımla da yapabiliriz.

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

İlk anahtarı almanın daha temiz bir yolu:

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]}`)