我想知道是否有一种方法可以在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 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等)。

其他回答

如果你可以使用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循环也枚举原型链中的属性)。

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

ES6将提供Map.prototype.forEach(回调),可以像这样使用

myMap.forEach(function(value, key, myMap) {
                        // Do something
                    });

我假设你知道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]。

你可以用for. in来表示。

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

}

php语法简直就是糖。