лучший способ получить ключ объекта javascript ключ / значение

Если у меня есть объект JS, как:

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

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

Если вы хотите получить все ключи, ECMAScript 5 введенObject.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);

Для получения дополнительной информации, пожалуйста, перейдите сюда

использовать для каждого цикла для доступа к ключам в объекте или карты в 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])    
    
    })