Як отримати доступ до першої властивості об’єкта Javascript?

Чи є елегантний спосіб отримати доступ до першої властивості об'єкта ...

1. де ви не знаєте назву своїх об'єктів
2. без використання циклу типу for .. injQuery$.each

Наприклад, мені потрібно отримати доступ до foo1об'єкта, не знаючи імені foo1:

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

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

Використовуючи це, ви можете отримати доступ до інших властивостей за індексами. Будьте в курсі! Object.keysПорядок повернення не гарантується відповідно до ECMAScript, однак неофіційно це є всіма основними веб-переглядачами, будь ласка, прочитайте https://stackoverflow.com/a/23202095 для отримання детальної інформації про це.

Спробуйте for … inцикл і перервіть після першої ітерації:

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

Ви також можете зробити Object.values(example)[0].

Використовуйте Object.keysдля отримання масиву властивостей об’єкта. Приклад:

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

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

Документація і крос-браузерна прокладка при умови тут . Приклад його використання можна знайти в іншій моїй відповіді тут .

Редагувати : для наочності я просто хочу повторити те, що було правильно сказано в інших відповідях: порядок клавіш в об’єктах JavaScript не визначений.

Версія з одним правилом:

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

Немає "першого" властивості. Клавіші об'єкта не упорядковані.

Якщо ви перекинете їх на, (var foo in bar)ви отримаєте їх у певному порядку, але це може змінитися в майбутньому (особливо, якщо ви додасте або видалите інші ключі).

Рішення з бібліотекою lodash :

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

але немає гарантії внутрішнього порядку зберігання властивостей об'єкта, оскільки це залежить від реалізації VM JavaScript.

Ні. Літеральним об'єктом, визначеним MDC, є:

список нульових або більше пар імен властивостей та пов'язаних з ними значень об’єкта, укладених у фігурні дужки ({}).

Тому літерал об'єкта не є масивом, і ви можете отримати доступ до властивостей лише за допомогою їх явного імені або forциклу, використовуючи inключове слово.

Верхня відповідь може генерувати весь масив, а потім захоплювати зі списку. Ось ще один ефективний ярлик

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

Це було висвітлено тут раніше.

Поняття спочатку не застосовується до властивостей об'єкта, і порядок циклу для ... у циклі не гарантується специфікаціями, однак на практиці це надійно FIFO, за винятком критичного для хромування ( звіт про помилку ). Приймайте свої рішення відповідно.

Я не рекомендую вам використовувати Object.keys, оскільки він не підтримується у старих версіях IE. Але якщо вам це справді потрібно, ви можете скористатись наведеним вище кодом, щоб гарантувати сумісність із спинкою:

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

Більше інформації: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys

Але якщо вам потрібен лише перший, ми можемо організувати коротше рішення на зразок:

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

Для отримання першого імені ключа в об’єкті ви можете використовувати:

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

Повертає рядок, тому ви не можете отримати доступ до вкладених об'єктів, якщо таких було, наприклад:

var obj = { first: { someVal : { id : 1} }; Тут з цим рішенням ви не можете отримати доступ до ідентифікатора.

Найкращим рішенням, якщо ви хочете отримати власне об'єкт, є використання lodash типу:

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

Щоб повернути значення першого ключа (якщо ви точно не знаєте ім'я першого ключа):

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

якщо ви знаєте ім'я ключа, просто використовуйте:

obj.first

або

obj['first']

Якщо вам потрібно отримати доступ до "першої властивості об'єкта", це може означати, що у вашій логіці щось не так. Порядок властивостей об'єкта не повинен мати значення.

Використовуйте масив замість об'єкта (квадратні дужки).

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

Зауважте, що ви втрачаєте ідентифікатори "foo". Але ви можете додати властивість імені до об'єктів, що містяться:

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

Будь-яка причина не робити цього?

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

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

Ви можете використовувати, Object.prototype.keysякий повертає всі ключі об'єкта в одному порядку. Отже, якщо ви хочете перший об'єкт, просто отримайте цей масив і використовуйте перший елемент як потрібний ключ.

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

ми також можемо зробити цей підхід.

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

Ось більш чіткий спосіб отримання першого ключа:

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