Интересно, что люди в этих ответах затрагивали оба Object.keys()вопроса, for...ofно никогда не объединяли их:
var map = {well:'hello', there:'!'};
for (let key of Object.keys(map))
console.log(key + ':' + map[key]);
Вы не можете просто , потому что это не итератор, и или ТРАЕКТОРИИ некрасиво / неэффективно.
Я рад, что большинство людей воздерживаются (с проверкой или без нее ), поскольку это также немного грязно, поэтому, кроме моего ответа выше, я здесь, чтобы сказать ...for...ofObjectfor...index.forEach()Object.keys()
for...in.hasOwnProperty()
Вы можете сделать обычные объектные ассоциации итерацией! Вела себя так же, как Maps с непосредственным использованием модного for...of
DEMO, работающего в Chrome и FF (я предполагаю, что только ES6)
var ordinaryObject = {well:'hello', there:'!'};
for (let pair of ordinaryObject)
//key:value
console.log(pair[0] + ':' + pair[1]);
//or
for (let [key, value] of ordinaryObject)
console.log(key + ':' + value);
Пока вы включите мою прокладку ниже:
//makes all objects iterable just like Maps!!! YAY
//iterates over Object.keys() (which already ignores prototype chain for us)
Object.prototype[Symbol.iterator] = function() {
var keys = Object.keys(this)[Symbol.iterator]();
var obj = this;
var output;
return {next:function() {
if (!(output = keys.next()).done)
output.value = [output.value, obj[output.value]];
return output;
}};
};
Без необходимости создавать настоящий объект Map, который не имеет приятного синтаксического сахара.
var trueMap = new Map([['well', 'hello'], ['there', '!']]);
for (let pair of trueMap)
console.log(pair[0] + ':' + pair[1]);
На самом деле, с помощью этой прокладки, если вы все еще хотели воспользоваться преимуществами других функций Map (не добавляя их всех), но все же хотели использовать аккуратную нотацию объектов, поскольку объекты теперь итерируемы, теперь вы можете просто создать Map из нее!
//shown in demo
var realMap = new Map({well:'hello', there:'!'});
Для тех, кто не любит шимить или prototypeвообще возиться , не стесняйтесь вместо этого делать функцию в окне, вызывая ее как- getObjIterator()то так;
//no prototype manipulation
function getObjIterator(obj) {
//create a dummy object instead of adding functionality to all objects
var iterator = new Object();
//give it what the shim does but as its own local property
iterator[Symbol.iterator] = function() {
var keys = Object.keys(obj)[Symbol.iterator]();
var output;
return {next:function() {
if (!(output = keys.next()).done)
output.value = [output.value, obj[output.value]];
return output;
}};
};
return iterator;
}
Теперь вы можете просто вызывать ее как обычную функцию, больше ничего не влияет
var realMap = new Map(getObjIterator({well:'hello', there:'!'}))
или
for (let pair of getObjIterator(ordinaryObject))
Нет причин, почему бы это не сработало.
Добро пожаловать в будущее.
