我想知道是否有一种方法可以在JavaScript中做一些类似PHP foreach循环的事情。我正在寻找的功能是类似这样的PHP代码片段:
foreach($data as $key => $value) { }
我在看JS for. in循环，但似乎没有办法指定as。如果我用一个'normal' for循环(for(var I = 0;I < data.length;i++)，有办法抓取键=>值对吗?
当前回答
为什么不简单地说
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")});
其他回答
var obj = {...};
for (var key in obj) {
var value = obj[key];
}
php语法简直就是糖。
你可以使用'for in'循环来实现:
for (var key in bar) {
var value = bar[key];
}
ES6将提供Map.prototype.forEach(回调)，可以像这样使用
myMap.forEach(function(value, key, myMap) {
// Do something
});
如果你可以使用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等)。
