найкращий спосіб отримати ключ об’єкта JavaScript / ключ

Якщо у мене є об'єкт JS на зразок:

var foo = { 'bar' : 'baz' }

Якщо я знаю, що fooмає таку основну структуру ключа / значення, але не знаю назви ключа, який найпростіший спосіб отримати його? for ... in? $.each()? Я сподіваюся, що є щось краще….

Якщо ви хочете отримати всі ключі, запроваджено ECMAScript 5Object.keys . Це підтримується лише новішими браузерами, але документація MDC забезпечує альтернативну реалізацію (яка також використовує for...inbtw):

if(!Object.keys) Object.keys = function(o){
     if (o !== Object(o))
          throw new TypeError('Object.keys called on non-object');
     var ret=[],p;
     for(p in o) if(Object.prototype.hasOwnProperty.call(o,p)) ret.push(p);
     return ret;
}

Звичайно, якщо ви хочете і те, і інше, і ключ, і значення, то for...inце єдине розумне рішення.

Ви б повторили всередині об'єкта циклом for:

for(var i in foo){
  alert(i); // alerts key
  alert(foo[i]); //alerts key's value
}

Або

Object.keys(foo)
  .forEach(function eachKey(key) { 
    alert(key); // alerts key 
    alert(foo[key]); // alerts value
  });

Ви можете отримати доступ до кожної клавіші окремо без повторення, як у:

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

З огляду на ваш об’єкт:

var foo = { 'bar' : 'baz' }

Щоб отримати bar, скористайтеся:

Object.keys(foo)[0]

Щоб отримати baz, скористайтеся:

foo[Object.keys(foo)[0]]

Припускаючи один об'єкт

Один лайнер для вас:

const OBJECT = {
    'key1': 'value1',
    'key2': 'value2',
    'key3': 'value3',
    'key4': 'value4'
};

const value = 'value2';

const key = Object.keys(OBJECT)[Object.values(OBJECT).indexOf(value)];

window.console.log(key); // = key2

Це найпростіший і легкий спосіб. Ось як ми це робимо.

var obj = { 'bar' : 'baz' }
var key = Object.keys(obj)[0];
var value = obj[key];
     
 console.log("key = ", key) // bar
 console.log("value = ", value) // baz

Object.keys(obj) // ['bar']

Тепер ви можете переглядати об’єкти та отримувати доступ до значень, як нижче-

Object.keys(obj).forEach( function(key) {
  console.log(obj[key]) // baz
})

У мене була така ж проблема, і це те, що спрацювало

//example of an Object
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

//How to access a single key or value
var key = Object.keys(person)[0];
var value = person.firstName;

// iterate through key-value gracefully
const obj = { a: 5, b: 7, c: 9 };
for (const [key, value] of Object.entries(obj)) {
  console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
}

Зверніться до MDN

Я не бачу нічого іншого, крім for (var key in foo).

Найпростіший спосіб - просто скористатися Underscore.js:

ключі

_.keys (об'єкт) Отримайте всі назви властивостей об'єкта.

_.keys ({один: 1, два: 2, три: 3}); => ["один", "два", "три"]

Так, вам потрібна додаткова бібліотека, але це так просто!

Іншого шляху немає for ... in. Якщо ви не хочете використовувати це (парпас, оскільки це неефективно мати тест hasOwnPropertyна кожній ітерації?), То використовуйте іншу конструкцію, наприклад масив kvp:

[{ key: 'key', value: 'value'}, ...]

Оскільки ви згадали $.each(), ось зручний підхід, який би працював у jQuery 1.6+:

var foo = { key1: 'bar', key2: 'baz' };

// keys will be: ['key1', 'key2']
var keys = $.map(foo, function(item, key) {
  return key;
});

Object.keys () Метод Object.keys () повертає масив власних перелічуваних властивостей даного об'єкта в тому ж порядку, що і в циклі for ... in (різниця полягає в тому, що цикл for-in перераховує властивості і в ланцюзі прототипу).

var arr1 = Object.keys(obj);

Object.values ​​() Метод Object.values ​​() повертає масив власних перелічених значень властивостей даного об'єкта в тому ж порядку, що і в циклі for ... in (різниця полягає в тому, що перераховується цикл for-in властивості в прототипі також).

var arr2 = Object.values(obj);

Для отримання більш детальної інформації просимо сюди

використовувати для кожного циклу для доступу до клавіш в Object або Maps в javascript

for(key in foo){
   console.log(key);//for key name in your case it will be bar
   console.log(foo[key]);// for key value in your case it will be baz
}

Примітка: ви також можете використовувати

Object.keys (foo);

він дасть вам такий вихід:

[бар];

Добре $.each- це конструкція бібліотеки, тоді як for ... inце власний js, який повинен бути кращим

Ви можете використовувати функцію Object.keys, щоб отримати ключі, наприклад:

const tempObjects={foo:"bar"}

Object.keys(tempObjects).forEach(obj=>{
   console.log("Key->"+obj+ "value->"+tempObjects[obj]);
});

для показу як рядок просто використовуйте:

console.log("they are: " + JSON.stringify(foo));

найкращий спосіб отримати ключ / значення об'єкта.

let obj = {
        'key1': 'value1',
        'key2': 'value2',
        'key3': 'value3',
        'key4': 'value4'
    }
    Object.keys(obj).map(function(k){ 
    console.log("key with value: "+k +" = "+obj[k])    
    
    })