在for循环中使用对象

Question

为什么不能在for循环中使用对象？或者这是一个浏览器错误？此代码在Chrome 42中不起作用,称undefined不是函数:

test = { first: "one"}

for(var item of test) {
  console.log(item)
}

Answer 1

该for..of循环只支持像数组,而不是对象可迭代的对象.

要迭代对象的值,请使用:

for (var key in test) {
    var item = test[key];
}

Answer 2

您可以使用以下语法:

let myObject = {first: "one"};

for(let [key, value] of Object.entries(myObject)) {
    console.log(key, value); // "first", "one"
}

然而, Object.entries 现在支持不佳在IE或iOS Safari中不起作用.你可能需要一个polyfill.

Answer 3

如果要将数据存储在键值存储中,请使用Map为此目的明确设计的数据.

如果你必须使用一个对象,ES2017(ES8)允许你使用Object.values:

const foo = { a: 'foo', z: 'bar', m: 'baz' };
for (let value of Object.values(foo)) {
    console.log(value);
}

如果尚未支持,请使用polyfill:替代版本Object.values()

最后,如果您支持不支持此语法的旧环境,则必须使用forEach和Object.keys:

var obj = { a: 'foo', z: 'bar', m: 'baz' };
Object.keys(obj).forEach(function (prop) {
    var value = obj[prop];
    console.log(value);
});

Answer 4

ECMAScript 2015/ES6中的Iterator,Iterable和for..of循环

let tempArray = [1,2,3,4,5];

for(element of tempArray) {
  console.log(element);
}

// 1
// 2
// 3
// 4
// 5

但如果我们这样做

let tempObj = {a:1, b:2, c:3};

for(element of tempObj) {
   console.log(element);
}
// error

我们得到错误,因为for..of循环仅适用于Iterables,即具有符合Iterator协议的@@迭代器的对象,这意味着它必须具有带有下一个方法的对象.下一个方法不带参数,它应该返回一个具有这两个属性的对象.

完成:信号,该序列已经真正结束的时候,假的手段可能有多个值 值:这是序列中的当前项

因此,要创建一个Iterable对象,它可以使它与for..of一起使用,我们可以:

1. 通过Symbol.iterator属性将一个对象赋予一个Iterable,这是一个神秘的@@ iterator属性.这是如何:

let tempObj = {a:1, b:2, c:3};

tempObj[Symbol.iterator]= () => ({
next: function next () {
return {
    done: Object.keys(this).length === 0,
    value: Object.keys(this).shift()
     }
    }
  })

for(key in tempObj){
 console.log(key)
}
// a
// b
// c

2.使用Object.entries,它返回一个Iterable:

let tempObj = {a:1, b:2, c:3};

for(let [key, value] of Object.entries(tempObj)) {
    console.log(key, value);
}
// a 1
// b 2
// c 3

3.使用Object.keys,这是如何:

let tempObj = {a:1, b:2, c:3};
for (let key of Object.keys(tempObj)) {
    console.log(key);
}

// a
// b
// c

希望这可以帮助!!!!!!

Answer 5

我用这段代码可以迭代对象:

Object.prototype[Symbol.iterator] = function*() {
 for(let key of Object.keys(this)) {
  yield([ key, this[key] ])
} }

用法:

for(let [ key, value ] of {}) { }

Alternativly:

for(let [ key, value ] of Object.entries({})) { }

Answer 6

因为object literal没有Symbol.iterator属性.具体而言,您只能遍历字符串,数组,地图,设置,参数,节点列表(没有得到广泛的支持)和 发电机用的......的循环.

要处理Object Literal迭代,您有两个选择.

对于在...

for(let key in obj){
    console.log(obj[key]); 
}

Object.keys + forEach

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