我想知道是否有一种方法可以在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 data){
var value = data[key];
//your processing here
}
如果你正在使用jQuery，请访问:http://api.jquery.com/jQuery.each/
其他回答
有三个选项来处理对象的键和值:
选择值: Object.values (obj)。forEach(value =>…); 选择键: 种(obj)。forEach(key =>…); 选择键和值: Object.entries (obj)。forEach(([key, value]) =>…
在提出这个问题后的过去几年中，Javascript添加了一些新特性。其中一个是客体。条目的方法。
下面是直接从MDN复制的代码片段
const object1 = {
a: 'somestring',
b: 42
};
for (let [key, value] of Object.entries(object1)) {
console.log(`${key}: ${value}`);
}
ES6将提供Map.prototype.forEach(回调)，可以像这样使用
myMap.forEach(function(value, key, myMap) {
// Do something
});
var global = (function() {
return this;
})();
// Pair object, similar to Python
function Pair(key, value) {
this.key = key;
this.value = value;
this.toString = function() {
return "(" + key + ", " + value + ")";
};
}
/**
* as function
* @param {String} dataName A String holding the name of your pairs list.
* @return {Array:Pair} The data list filled
* with all pair objects.
*/
Object.prototype.as = function(dataName) {
var value, key, data;
global[dataName] = data = [];
for (key in this) {
if (this.hasOwnProperty(key)) {
value = this[key];
(function() {
var k = key,
v = value;
data.push(new Pair(k, v));
})();
}
}
return data;
};
var d = {
'one': 1,
'two': 2
};
// Loop on your (key, list) pairs in this way
for (var i = 0, max = d.as("data").length; i < max; i += 1) {
key = data[i].key;
value = data[i].value;
console.log("key: " + key + ", value: " + value);
}
// delete data when u've finished with it.
delete data;
为什么不简单地说
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")});
