用于(-each)循环的JavaScript

时间:2016-03-27 05:28:07

标签: javascript arrays json

我有一个JSON-Array,想要循环它。我知道没有foreach循环(比如在PHP中),但有可能访问数组的字段索引吗?

这是我的json:

{
    'username': 'Karl',
    'email': 'xyz@abc.xx',
    'user_id': 5,
    ...
}

我的页面上有一些带有数据字段属性的span元素。 E.g:

<span data-field="username">xyz</span>

json-array是ajax-request的返回。有了它,我想替换data-field=""匹配数组索引的每个元素。

正确的是,我这样做是为了json数组中的每个元素:

$("[data-field='username']").text(data.username);
$("[data-field='email']").text(data.email);

但随着越来越多的元素,这变得有点丑陋^^

还有其他任何可能吗?我读了一些关于将json转换为对象的内容,但我不知道该怎么做。

1 个答案:

答案 0 :(得分:0)

javascript中的每个循环看起来如下所示。

for(var key in Json){
   $("[data-field='"+ key +"']").text(Json[key]);
 }