每个对象？

Question

可能重复：
Iterate over Object Literal Values

我有对象在JavaScript：

var object = someobject; 

Object { aaa=true, bbb=true, ccc=true } 

如何使用每个为这个？

object.each(function(index, value)) { 
     console.log(value); 
} 

不工作。

Answer 1

javascript对象没有标准的.each功能。 jQuery提供了一个函数。见http://api.jquery.com/jQuery.each/下面应该工作

$.each(object, function(index, value) { 
    console.log(value); 
}); 

另一种选择是使用香草的Javascript使用Object.keys()和数组这样

Object.keys(object).map(function(objectKey, index) { 
    var value = object[objectKey]; 
    console.log(value); 
}); 

.map()功能见https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Global_Objects/Object/keys和https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

这些通常是更好比使用一个vanilla Javascript for-loop，除非你真的理解使用正常for循环的含义并且看它的具体用途像循环过财产链一样的特征。

但是通常，for-loop的效果并不比jQuery或Object.keys().map()好。我将在下面使用普通的for-loop来解决两个潜在的问题。

---

权，因此也在其他的答案中指出，一个普通的JavaScript替代办法是

for(var index in object) { 
    var attr = object[index]; 
} 

没有与此两个潜在的问题：

1。你想检查你发现的属性是否来自对象本身，而不是来自原型链。这可以通过hasOwnProperty功能进行检查，像这样

for(var index in object) { 
    if (object.hasOwnProperty(index)) { 
     var attr = object[index]; 
    } 
} 

更多信息请参见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty。

jQuery.each和Object.keys函数会自动处理它。

2。简单for循环的另一个潜在问题是范围和非闭包。这有点复杂，但以下面的代码为例。我们有一堆与IDS BUTTON0，按钮1，按钮2等按钮，我们要对其设置一个onclick，做一个console.log这样的：

<button id='button0'>click</button> 
<button id='button1'>click</button> 
<button id='button2'>click</button> 

var messagesByButtonId = {"button0" : "clicked first!", "button1" : "clicked middle!", "button2" : "clicked last!"]; 
for(var buttonId in messagesByButtonId) { 
    if (messagesByButtonId.hasOwnProperty(buttonId)) { 
     $('#'+buttonId).click(function() { 
      var message = messagesByButtonId[buttonId]; 
      console.log(message); 
     }); 
    } 
} 

如果，一段时间后，我们点击任何按钮我们将永远得到“最后点击！”在控制台中，并且从不“先点击！”或“点击中间！”。为什么？因为在执行onclick函数时，它会在时刻使用buttonId变量显示messagesByButtonId[buttonId]。并且由于该循环在那一刻完成，所以buttonId变量仍然是“button2”（它在上次循环迭代期间的值），因此messagesByButtonId[buttonId]将是messagesByButtonId["button2"]，即“最后点击！”。

有关闭包的更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures。尤其是该页面涵盖我们示例的最后一部分。

再次，jQuery.each和Object.keys().map()自动解决这个问题对我们来说，因为它为我们提供了function(index, value)（具有封闭），所以我们是安全的，同时使用索引和值和放心，他们有我们所期望的价值。

Answer 2

for(var key in object) { 
    console.log(object[key]); 
} 

Answer 3

var object = { "a": 1, "b": 2}; 
 
$.each(object, function(key, value){ 
 
    console.log(key + ": " + object[key]); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

//output 
a: 1 
b: 2