melhor maneira de obter a chave de um objeto javascript key / value

Se eu tiver um objeto JS como:

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

Se eu sei que foopossui essa estrutura básica de chave / valor, mas não sei o nome da chave, qual é a maneira mais fácil de obtê-la? for ... in? $.each()? Espero que haja algo melhor ....

Se você deseja obter todas as chaves, introduziu o ECMAScript 5Object.keys . Isso é suportado apenas por navegadores mais novos, mas a documentação do MDC fornece uma implementação alternativa (que também usa 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;
}

Obviamente, se você deseja chave e valor, então for...iné a única solução razoável.

Você iteraria dentro do objeto com um loop for:

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

Ou

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

Você pode acessar cada chave individualmente sem iterar como em:

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

Dado o seu objeto:

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

Para obter bar, use:

Object.keys(foo)[0]

Para obter baz, use:

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

Assumindo um único objeto

Um liner para você:

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

Esta é a maneira mais simples e fácil. É assim que fazemos isso.

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']

Agora você pode iterar nos objetos e acessar valores como abaixo:

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

Eu estava tendo o mesmo problema e foi isso que funcionou

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

Consulte MDN

Não vejo mais nada além for (var key in foo).

A maneira mais fácil é usar o Underscore.js:

chaves

_.keys (object) Recupere todos os nomes das propriedades do objeto.

_.keys ({um: 1, dois: 2, três: 3}); => ["um", "dois", "três"]

Sim, você precisa de uma biblioteca extra, mas é tão fácil!

Não há outra maneira senão for ... in. Se você não quiser usar isso (talvez porque seja marginalmente ineficiente ter que testar hasOwnPropertyem cada iteração?), Use uma construção diferente, por exemplo, uma matriz de kvp's:

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

Como você mencionou $.each(), aqui está uma abordagem prática que funcionaria no 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 () O método Object.keys () retorna uma matriz das propriedades enumeráveis ​​de um determinado objeto, na mesma ordem que a fornecida por um loop for ... in (a diferença é que um loop for enumera propriedades também na cadeia de protótipos).

var arr1 = Object.keys(obj);

Object.values ​​() O método Object.values ​​() retorna uma matriz dos valores de propriedades enumeráveis ​​de um determinado objeto, na mesma ordem que a fornecida por um loop for ... in (a diferença é que um loop for enumera propriedades na cadeia de protótipos).

var arr2 = Object.values(obj);

Para mais, por favor clique aqui

use para cada loop para acessar chaves em Object ou Maps em 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
}

Nota: você também pode usar

Object.keys (foo);

vai lhe dar como esta saída:

[Barra];

Bem, $.eaché uma construção de biblioteca, enquanto for ... iné js nativo, que deve ser melhor

Você pode usar a funcionalidade Object.keys para obter as chaves como:

const tempObjects={foo:"bar"}

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

para mostrar como uma string, basta usar:

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

melhor maneira de obter a chave / valor do objeto.

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