najlepszy sposób na uzyskanie klucza obiektu javascript klucz / wartość

Jeśli mam obiekt JS, taki jak:

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

Jeśli wiem, że fooma tę podstawową strukturę klucz / wartość, ale nie znam nazwy klucza, jaki jest najłatwiejszy sposób na zdobycie go? for ... in? $.each()? Mam nadzieję, że jest coś lepszego ....

Jeśli chcesz uzyskać wszystkie klucze, wprowadzono ECMAScript 5Object.keys . Jest to obsługiwane tylko przez nowsze przeglądarki, ale dokumentacja MDC zapewnia alternatywną implementację (która wykorzystuje również 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;
}

Oczywiście, jeśli chcesz zarówno klucz, jak i wartość, for...injest to jedyne rozsądne rozwiązanie.

Powtarzalibyśmy wewnątrz obiektu za pomocą pętli for:

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

Lub

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

Możesz uzyskać dostęp do każdego klucza osobno, bez iteracji jak w:

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

Biorąc pod uwagę twój obiekt:

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

Aby uzyskać bar, użyj:

Object.keys(foo)[0]

Aby uzyskać baz, użyj:

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

Zakładając pojedynczy obiekt

Jedna wkładka dla Ciebie:

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

To najprostszy i najłatwiejszy sposób. Tak to robimy.

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

Teraz możesz iterować obiekty i uzyskiwać dostęp do wartości takich jak poniżej-

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

Miałem ten sam problem i to działało

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

Patrz MDN

Nic więcej nie widzę for (var key in foo).

Najprostszym sposobem jest użycie Underscore.js:

Klucze

_.keys (obiekt) Pobierz wszystkie nazwy właściwości obiektu.

_.klucze ({jeden: 1, dwa: 2, trzy: 3}); => [„jeden”, „dwa”, „trzy”]

Tak, potrzebujesz dodatkowej biblioteki, ale to takie proste!

Nie ma innej drogi niż for ... in. Jeśli nie chcesz tego używać (być może dlatego, że testowanie hasOwnPropertyprzy każdej iteracji jest nieznacznie nieefektywne ?), Użyj innej konstrukcji, np. Tablicy kvp:

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

Jak już wspomniałeś $.each(), oto przydatne podejście, które zadziałałoby w 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 () Metoda Object.keys () zwraca tablicę własnych wyliczalnych właściwości danego obiektu, w tej samej kolejności, jaką zapewnia pętla for ... in (różnica polega na tym, że pętla for-in wylicza właściwości również w łańcuchu prototypów).

var arr1 = Object.keys(obj);

Object.values ​​() Metoda Object.values ​​() zwraca tablicę wartości własnych wyliczalnych właściwości danego obiektu, w takiej samej kolejności, jak w pętli for ... in (różnica polega na tym, że wyliczana jest pętla for-in właściwości również w łańcuchu prototypów).

var arr2 = Object.values(obj);

Aby uzyskać więcej, przejdź tutaj

użyj dla każdej pętli, aby uzyskać dostęp do kluczy w Object lub Maps w 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
}

Uwaga: możesz także użyć

Object.keys (foo);

da ci to wynik:

[bar];

Cóż, $.eachto konstrukcja biblioteki, podczas gdy for ... innatywna js, co powinno być lepsze

Możesz użyć funkcji Object.keys, aby uzyskać klucze takie jak:

const tempObjects={foo:"bar"}

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

do wyświetlania jako ciąg znaków wystarczy użyć:

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

najlepszy sposób na uzyskanie klucza / wartości obiektu.

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