Как получить доступ к первому свойству объекта Javascript?

Есть ли элегантный способ доступа к первому свойству объекта ...

1. где вы не знаете название вашей недвижимости
2. без использования цикла, как for .. inили JQuery's$.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 }()];

Не существует "первого" свойства. Ключи объектов неупорядочены.

Если вы зациклите их с помощью for, (var foo in bar)вы получите их в некотором порядке, но это может измениться в будущем (особенно если вы добавите или удалите другие ключи).

Решение с библиотекой lodash :

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

но нет никакой гарантии порядка внутреннего хранения свойств объекта, потому что это зависит от реализации виртуальной машины Java.

Нет. Объектный литерал, как определено MDC :

список из нуля или более пар имен свойств и связанных значений объекта, заключенных в фигурные скобки ({}).

Следовательно, литерал объекта не является массивом, и вы можете получить доступ к свойствам только с помощью их явного имени или forцикла с помощью inключевого слова.

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

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

Это было рассмотрено здесь раньше.

Концепция first не применяется к свойствам объекта, и порядок цикла for ... in не гарантируется спецификациями, однако на практике это надежно FIFO, за исключением критически важного для chrome ( отчет об ошибках ). Принимайте свои решения соответственно.

Я не рекомендую вам использовать 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'. Но вы можете добавить свойство name к содержащимся объектам:

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