我想知道是否有一种方法可以在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()可以过滤掉这些。
其他回答
我假设你知道I是键，你可以通过data[I]获取值(只是想要一个快捷方式)。
ECMAScript5为数组引入了forEach [MDN](似乎你有一个数组):
data.forEach(function(value, index) {
});
MDN文档为不支持它的浏览器提供了一个缓冲。
当然，这并不适用于对象，但你可以为它们创建一个类似的函数:
function forEach(object, callback) {
for(var prop in object) {
if(object.hasOwnProperty(prop)) {
callback(prop, object[prop]);
}
}
}
由于您使用jquery标记了问题，jquery提供了$。每个循环遍历数组和对象结构的[docs]。
没有人提到Object。钥匙，所以我会提到它。
Object.keys(obj).forEach(function (key) {
// do something with obj[key]
});
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语法简直就是糖。
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;
