我想知道是否有一种方法可以在JavaScript中做一些类似PHP foreach循环的事情。我正在寻找的功能是类似这样的PHP代码片段:

foreach($data as $key => $value) { }

我在看JS for. in循环,但似乎没有办法指定as。如果我用一个'normal' for循环(for(var I = 0;I < data.length;i++),有办法抓取键=>值对吗?


当前回答

for (var key in myMap) {
    if (myMap.hasOwnProperty(key)) {
        console.log("key =" + key);
        console.log("value =" + myMap[key]);
    }
}

在javascript中,每个对象都有一堆内置的键值对,其中包含元信息。当你循环遍历一个对象的所有键值对时,你也是在循环遍历它们。使用hasOwnProperty()可以过滤掉这些。

其他回答

如果你可以使用ES6本机或与Babel (js编译器),那么你可以做以下事情:

Const test = {a: 1, b: 2, c: 3}; (const [key, value] of Object.entries(test)) { console.log(关键字,值); }

它将打印出以下输出:

a 1
b 2
c 3

object .entries()方法返回给定对象自身的可枚举属性[key, value]对的数组,其顺序与for…In循环(区别在于for-in循环也枚举原型链中的属性)。

对象。条目文档 为…的文档 解构分配文档 属性文档的可枚举性和所有权

在提出这个问题后的过去几年中,Javascript添加了一些新特性。其中一个是客体。条目的方法。

下面是直接从MDN复制的代码片段


const object1 = {
  a: 'somestring',
  b: 42
};

for (let [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

为什么不简单地说

var donuts = [
{ type: "Jelly", cost: 1.22 },
{ type: "Chocolate", cost: 2.45 },
{ type: "Cider", cost: 1.59 },
{ type: "Boston Cream", cost: 5.99 }];

donuts.forEach(v => {console.log(v["type"]+ " donuts cost $"+v["cost"]+" each")});

请尝试以下代码:

<script> 
 const games = {
  "Fifa": "232",
  "Minecraft": "476",
  "Call of Duty": "182"
 };

Object.keys(games).forEach((item, index, array) => {
  var msg = item+' '+games[item];
  console.log(msg);
});

为…他会为你工作的。

for( var key in obj ) {
  var value = obj[key];
}

在现代JavaScript中,你也可以这样做:

for ( const [key,value] of Object.entries( obj ) ) {

}