Jak uzyskać dostęp do pierwszej właściwości obiektu JavaScript?

Czy istnieje elegancki sposób na uzyskanie dostępu do pierwszej właściwości obiektu ...

1. gdzie nie znasz nazwy swoich nieruchomości
2. bez użycia pętli jak for .. inlub jQuery$.each

Na przykład muszę uzyskać dostęp do foo1obiektu bez znajomości nazwy foo1:

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

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

Za pomocą tego można uzyskać dostęp do innych właściwości według indeksów. Bądź tego świadomy! Object.keyszamówienie zwrotu nie jest gwarantowane zgodnie z ECMAScript, jednak nieoficjalnie dzieje się tak we wszystkich głównych implementacjach przeglądarek. Szczegółowe informacje na ten temat można znaleźć na stronie https://stackoverflow.com/a/23202095 .

Wypróbuj for … inpętlę i przerwij po pierwszej iteracji:

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

Możesz też zrobić Object.values(example)[0].

Użyj, Object.keysaby uzyskać tablicę właściwości obiektu. Przykład:

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

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

Dokumentacja i podkładka między przeglądarkami tutaj . Przykład jego użycia można znaleźć w innej z moich odpowiedzi tutaj .

Edycja : dla jasności chcę tylko powtórzyć to, co zostało poprawnie stwierdzone w innych odpowiedziach: kolejność klawiszy w obiektach javascript jest niezdefiniowana.

Wersja z jedną zasadą:

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

Nie ma „pierwszej” właściwości. Klucze obiektowe są nieuporządkowane.

Jeśli je (var foo in bar)zapętlisz, dostaniesz je w określonej kolejności, ale może się to zmienić w przyszłości (zwłaszcza jeśli dodasz lub usuniesz inne klucze).

Rozwiązanie z biblioteką lodash :

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

ale nie ma gwarancji kolejności obiektów w pamięci wewnętrznej, ponieważ zależy to od implementacji maszyny Wirtualnej javascript.

Nie. Literał obiektowy, zgodnie z definicją MDC, to:

lista zer lub więcej par nazw właściwości i powiązanych wartości obiektu, ujęta w nawiasy klamrowe ({}).

Dlatego dosłowny obiekt nie jest tablicą i można uzyskać dostęp do właściwości tylko za pomocą ich jawnej nazwy lub forpętli za pomocą insłowa kluczowego.

Najlepsza odpowiedź może wygenerować całą tablicę, a następnie przechwycić z listy. Oto kolejny skuteczny skrót

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

Zostało to tutaj omówione wcześniej.

Pojęcie pierwszego nie dotyczy właściwości obiektu, a specyfikacja nie gwarantuje kolejności pętli for ... in, jednak w praktyce jest to niezawodnie FIFO, z wyjątkiem krytycznie dla chrome ( raport o błędach ). Podejmij odpowiednie decyzje.

Nie polecam używać Object.keys, ponieważ nie jest obsługiwany w starych wersjach IE. Ale jeśli naprawdę tego potrzebujesz, możesz użyć powyższego kodu, aby zagwarantować kompatybilność wsteczną:

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

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

Więcej informacji: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys

Ale jeśli potrzebujesz tylko pierwszego, możemy zaproponować krótsze rozwiązanie, takie jak:

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

Aby uzyskać pierwszą nazwę klucza w obiekcie, możesz użyć:

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

Zwraca ciąg znaków, więc nie można uzyskać dostępu do zagnieżdżonych obiektów, jeśli takie istnieją:

var obj = { first: { someVal : { id : 1} }; W tym rozwiązaniu nie można uzyskać dostępu do identyfikatora.

Najlepszym rozwiązaniem, jeśli chcesz uzyskać rzeczywisty obiekt, jest lodash:

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

Aby zwrócić wartość pierwszego klucza (jeśli nie znasz dokładnie nazwy pierwszego klucza):

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

jeśli znasz nazwę klucza, użyj:

obj.first

lub

obj['first']

Jeśli potrzebujesz uzyskać dostęp do „pierwszej właściwości obiektu”, może to oznaczać, że coś jest nie tak z twoją logiką. Kolejność właściwości obiektu nie powinna mieć znaczenia.

Użyj tablicy zamiast obiektu (nawiasy kwadratowe).

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

Pamiętaj, że tracisz identyfikatory „foo”. Ale możesz dodać właściwość name do zawartych obiektów:

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

Czy jest jakiś powód, aby tego nie robić?

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

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

Możesz użyć, Object.prototype.keysktóry zwraca wszystkie klucze obiektu w tej samej kolejności. Więc jeśli chcesz pierwszy obiekt, po prostu weź tę tablicę i użyj pierwszego elementu jako pożądanego klucza.

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

możemy również zrobić z tym approch.

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

Oto czystszy sposób na zdobycie pierwszego klucza:

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