我想知道是否有一种方法可以在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()可以过滤掉这些。
其他回答
var obj = {...};
for (var key in obj) {
var value = obj[key];
}
php语法简直就是糖。
下面是一个非常接近的例子。
for(var key in data){
var value = data[key];
//your processing here
}
如果你正在使用jQuery，请访问:http://api.jquery.com/jQuery.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);
});
在提出这个问题后的过去几年中，Javascript添加了一些新特性。其中一个是客体。条目的方法。
下面是直接从MDN复制的代码片段
const object1 = {
a: 'somestring',
b: 42
};
for (let [key, value] of Object.entries(object1)) {
console.log(`${key}: ${value}`);
}
for (var k in target){
if (target.hasOwnProperty(k)) {
alert("Key is " + k + ", value is " + target[k]);
}
}
hasOwnProperty用于检查目标是否真的具有该属性，而不是从其原型继承该属性。更简单的说法是:
for (var k in target){
if (typeof target[k] !== 'function') {
alert("Key is " + k + ", value is" + target[k]);
}
}
它只是检查k是不是一个方法(如果目标是数组，你会得到很多方法的警告，例如indexOf, push, pop等)。
