只有JavaScript代码没有依赖项：

var p = {"p1": "value1", "p2": "value2", "p3": "value3"};
keys = Object.keys(p);   // ["p1", "p2", "p3"]

for(i = 0; i < keys.length; i++){
  console.log(keys[i] + "=" + p[keys[i]]);   // p1=value1, p2=value2, p3=value3
}

如果我们不提循环对象的其他方法，这个问题就不完整了。

如今，许多知名的JavaScript库提供了自己的方法来迭代集合，即在数组、对象和类数组对象上迭代。这些方法使用方便，与任何浏览器都完全兼容。

如果使用jQuery，可以使用jQuery.each（）方法。它可以用于对对象和数组进行无缝迭代：$.each（obj，函数（键，值）{console.log（键，值）；});在Undercore.js中，您可以找到方法_.each（），它遍历一个元素列表，依次生成一个提供的函数（注意iterate函数中参数的顺序！）：_.each（obj，函数（值，键）{console.log（键，值）；});Lo-Dash提供了几种迭代对象财产的方法。Basic _.forEach（）（或其别名_.each（））对于循环遍历对象和数组非常有用，但是（！）具有长度属性的对象被视为数组，为了避免这种行为，建议使用_.forIn（）和_.forOwn（）方法（这些方法也有值参数）：_.forIn（obj，函数（值，键）{console.log（键，值）；});_.forIn（）迭代对象的自身和继承的可枚举财产，而_.forOwn（）只迭代对象的自己的财产（基本上是检查hasOwnProperty函数）。对于简单对象和对象文本，这些方法中的任何一种都可以正常工作。

通常，所有描述的方法都具有与任何提供的对象相同的行为。除了将本机用于。。in循环通常比任何抽象（如jQuery.each（））都快，这些方法使用起来非常容易，需要更少的编码，并提供更好的错误处理。

您可以像这样迭代：

for (var key in p) {
  alert(p[key]);
}

注意，键不会接受属性的值，它只是一个索引值。

单行和更可读的代码可以。。

Object.entries(myObject).map(([key, value]) => console.log(key, value))

在最新的ES脚本中，您可以执行以下操作：

让p＝{foo:“bar”}；for（let[key，value]of Object.entries（p））{console.log（键，值）；}

自ES2015以来，您可以使用for of循环直接访问元素：

// before ES2015
for(var key of elements){
  console.log(elements[key]);
}


// ES2015
for(let element of elements){
  console.log(element);
}

希望这对某人有所帮助。