meilleur moyen d'obtenir la clé d'un objet javascript clé / valeur

Si j'ai un objet JS comme:

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

Si je sais que cela fooa cette structure clé / valeur de base, mais que je ne connais pas le nom de la clé, quel est le moyen le plus simple de l'obtenir? for ... in? $.each()? J'espère qu'il y a quelque chose de mieux ...

Si vous souhaitez obtenir toutes les clés, ECMAScript 5 est introduitObject.keys . Ceci n'est pris en charge que par les navigateurs plus récents, mais la documentation MDC fournit une implémentation alternative (qui utilise également 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;
}

Bien sûr, si vous voulez les deux, clé et valeur, alors for...inc'est la seule solution raisonnable.

Vous itérez à l'intérieur de l'objet avec une boucle 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
  });

Vous pouvez accéder à chaque clé individuellement sans itérer comme dans:

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

Compte tenu de votre objet:

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

Pour obtenir bar, utilisez:

Object.keys(foo)[0]

Pour obtenir baz, utilisez:

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

En supposant un seul objet

Une seule doublure pour vous:

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

C'est la manière la plus simple et la plus simple. Voilà comment nous procédons.

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

Vous pouvez maintenant itérer sur les objets et accéder aux valeurs comme ci-dessous-

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

J'avais le même problème et c'est ce qui a fonctionné

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

Référez MDN

Je ne vois rien d'autre que for (var key in foo).

Le moyen le plus simple est d'utiliser simplement Underscore.js:

clés

_.keys (object) Récupère tous les noms des propriétés de l'objet.

_.keys ({un: 1, deux: 2, trois: 3}); => ["un", "deux", "trois"]

Oui, vous avez besoin d'une bibliothèque supplémentaire, mais c'est tellement simple!

Il n'y a pas d'autre moyen que for ... in. Si vous ne voulez pas utiliser cela (peut-être parce qu'il est légèrement inefficace de devoir tester hasOwnPropertyà chaque itération?), Utilisez une construction différente, par exemple un tableau de kvp:

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

Depuis que vous l'avez mentionné $.each(), voici une approche pratique qui fonctionnerait dans 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 () La méthode Object.keys () renvoie un tableau des propres propriétés énumérables d'un objet donné, dans le même ordre que celui fourni par une boucle for ... in (la différence étant qu'une boucle for-in énumère les propriétés dans la chaîne de prototypes également).

var arr1 = Object.keys(obj);

Object.values ​​() La méthode Object.values ​​() retourne un tableau des propres valeurs de propriété énumérables d'un objet donné, dans le même ordre que celui fourni par une boucle for ... in (la différence étant qu'une boucle for-in énumère propriétés dans la chaîne de prototypes).

var arr2 = Object.values(obj);

Pour en savoir plus, rendez-vous ici

utiliser pour chaque boucle pour accéder aux clés dans Object ou Maps en 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
}

Remarque: vous pouvez également utiliser

Object.keys (foo);

cela vous donnera comme cette sortie:

[bar];

Eh bien, $.eachc'est une construction de bibliothèque, alors que for ... inc'est js natif, qui devrait être mieux

Vous pouvez utiliser la fonctionnalité Object.keys pour obtenir les clés telles que:

const tempObjects={foo:"bar"}

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

pour afficher sous forme de chaîne, utilisez simplement:

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

meilleure façon d'obtenir la clé / valeur de l'objet.

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