Как перебрать (ключи, значения) в JavaScript?

335

У меня есть словарь, который имеет формат

dictionary = {0: {object}, 1:{object}, 2:{object}}

Как я могу перебрать этот словарь, выполнив что-то вроде

for((key,value) in dictionary){
  //Do stuff where key would be 0 and value would be the object
}
nbroeking
источник
3
for (let [key, value] of Object.entries(obj))Нужен Бабель.
elclanrs
1
@elclanrs Это в ES2016, и это еще не стандартизировано :-)
thefourtheye
2
Возможный дубликат For-each над массивом в JavaScript?
SDC
@ Dooagain, это не массив в этом вопросе.
Zangw

Ответы:

480

ТЛ; др

  1. В ECMAScript 5 это невозможно.
  2. В ECMAScript 2015 это возможно с Maps.
  3. В ECMAScript 2017 это будет легко доступно.

ECMAScript 5:

Нет, это невозможно с объектами.

Вы должны либо повторить с for..in, или Object.keys, как это

for (var key in dictionary) {
    // check if the property/key is defined in the object itself, not in parent
    if (dictionary.hasOwnProperty(key)) {           
        console.log(key, dictionary[key]);
    }
}

Примечание. Указанное ifвыше условие необходимо, только если вы хотите перебрать свойства, принадлежащие dictionaryобъекту. Так какfor..in будет перебирать все унаследованные перечисляемые свойства.

Или

Object.keys(dictionary).forEach(function(key) {
    console.log(key, dictionary[key]);
});

ECMAScript 2015

В ECMAScript 2015 вы можете использовать Mapобъекты и повторять их Map.prototype.entries. Цитируя пример с этой страницы,

var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

var mapIter = myMap.entries();

console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]

Или повторить с for..of, как это

'use strict';

var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

for (const entry of myMap.entries()) {
  console.log(entry);
}

Вывод

[ '0', 'foo' ]
[ 1, 'bar' ]
[ {}, 'baz' ]

Или

for (const [key, value] of myMap.entries()) {
  console.log(key, value);
}

Вывод

0 foo
1 bar
{} baz

ECMAScript 2017

ECMAScript 2017 представит новую функцию Object.entries. Вы можете использовать это для итерации объекта, как вы хотели.

'use strict';

const object = {'a': 1, 'b': 2, 'c' : 3};
for (const [key, value] of Object.entries(object)) {
  console.log(key, value);
}

Вывод

a 1
b 2
c 3
thefourtheye
источник
1
Основное сомнение здесь. Я приземлился здесь в поисках того, как сделать это в файле node.js, который является javascript на стороне сервера. Как я знаю, какая версия ES применяется в моем случае. Кроме того, в случае обычных пользователей javascript, как правильно поддерживать, так как я понимаю, что версия ES зависит от браузера клиента?
Сандипан Нат
2
@SandeepanNath Вы можете использовать веб-сайты, такие как node.green, чтобы узнать, поддерживается ли конкретная функция ES в вашем Node.js. Что касается браузеров, люди обычно ориентируются на версию, которая широко поддерживается, в данном случае ES5. Кроме того, транспортеры (например, Babel ) помогают конвертировать код ES2015 + в ES5.
thefourtheye
1
Мне нравится Object.keys(dictionary).forEach(function(key) {…очень читаемый и совместимый.
Ctrl-Alt-Delor
6
Object.entries(object).forEach(([key, val]) => {...});
Krimson
Приведенное выше решение ECMAScript 2015 выкинуло «TypeScript и Iterator: тип« IterableIterator <T> »не является типом массива», но обычный myMap (). Foreach () работал хорошо.
tgugates
60

Попробуй это:

dict = {0:{1:'a'}, 1:{2:'b'}, 2:{3:'c'}}
for (var key in dict){
  console.log( key, dict[key] );
}

0 Object { 1="a"}
1 Object { 2="b"}
2 Object { 3="c"}
alex10
источник
42

Object.entries()Метод был определен в ES2017 (и поддерживается во всех современных браузерах ):

for (const [ key, value ] of Object.entries(dictionary)) {
    // do something with `key` and `value`
}

Объяснение:

  • Object.entries()принимает объект , как { a: 1, b: 2, c: 3 }и превращает его в массив пар ключ-значение: [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ].

  • С помощью for ... ofмы можем перебрать записи созданного массива.

  • Поскольку нам гарантировано, что каждый из элементов итерированного массива сам по себе является массивом из двух элементов, мы можем использовать деструктурирование для непосредственного присвоения переменных keyи valueих первого и второго элементов.

LoiLo
источник
Печально то, что люди все еще используют Internet Explorer
Эдвард
Я до боли осознаю. Babel и polyfill.io решают эту проблему, но это далеко не приятно.
Лойло
19

Вы можете сделать что-то вроде этого:

dictionary = {'ab': {object}, 'cd':{object}, 'ef':{object}}
var keys = Object.keys(dictionary);

for(var i = 0; i < keys.length;i++){
   //keys[i] for key
   //dictionary[keys[i]] for the value
}
Давал Чаудхари
источник
3
Прекрасный! Мне нравится, как ваш ответ работает в ECMAscript 5, несмотря на принятый и наиболее одобренный ответ о том, что это невозможно. Вы заслуживаете все намного больше голосов.
Лильёшу
18

Попробуй это:

var value;
for (var key in dictionary) {
    value = dictionary[key];
    // your code here...
}
AMACB
источник
10

ДОБРО ПОЖАЛОВАТЬ В 2020 * Слюни в ES6 *

Здесь есть несколько довольно старых ответов - воспользуйтесь преимуществами деструктуризации. На мой взгляд, это, без сомнения, самый хороший (очень читаемый) способ итерации объекта.

Object.entries(myObject).forEach(([k,v]) => {
    console.log("The key: ",k)
    console.log("The value: ",v)
})
Стив
источник
Просто примечание: если вы замените forEachна mapвыше, то можно агрегировать значения. mapзатем вернет список указанных значений, что потенциально упростит код другими способами.
Lazerbeak12345,
1

используя swagger-ui.js

ты можешь сделать это -

_.forEach({ 'a': 1, 'b': 2 }, function(n, key) {
    console.log(n, key);
 });
deeshank
источник
0

Вы можете использовать ниже скрипт.

var obj={1:"a",2:"b",c:"3"};
for (var x=Object.keys(obj),i=0;i<x.length,key=x[i],value=obj[key];i++){
    console.log(key,value);
}

выходы
1 a
2 b
c 3

Майкл Пайпер
источник
# выйдет #c 3 # 1 a # 2 b
Майкл Пайпер
4
Попробуйте добавить объяснение к своему ответу, сам по себе код менее полезен. Кроме того, вы можете редактировать свой ответ, комментарии не должны быть расширением ответа в том виде, в котором вы их используете
Виктор
0

В качестве улучшения принятого ответа, чтобы уменьшить вложенность, вы можете сделать это вместо этого, при условии, что ключ не наследуется:

for (var key in dictionary) {
    if (!dictionary.hasOwnProperty(key)) {
        continue;
    }
    console.log(key, dictionary[key]);
}

Редактировать: информация о Object.hasOwnProperty здесь

kloddant
источник