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

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

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


当前回答

是的,在javascript中你也可以有关联数组:

var obj = 
{
    name:'some name',
    otherProperty:'prop value',
    date: new Date()
};
for(i in obj)
{
    var propVal = obj[i]; // i is the key, and obj[i] is the value ...
}

其他回答

下面是一个非常接近的例子。

for(var key in data){
  var value = data[key];    
  //your processing here
}

如果你正在使用jQuery,请访问:http://api.jquery.com/jQuery.each/

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

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

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等)。

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

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


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

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

}

php语法简直就是糖。