2017-03-01 229 views
4

我有一个API调用类似下面的响应,如何在vueJs中使用forEach?

response

现在,我不得不重复阵列内部的整个阵列。我如何在VueJS中做到这一点?

我已经使用forEach进行搜索..无处我找到了像键值对一样的每个用法。

任何人都可以帮助我如何通过使用forEach或任何其他(VueJS)从数组中获取值?

感谢&问候,

+0

它是一个包含113个条目的单个数组,它只是Chrome控制台,它显示了这样的状态(更加明显):D –

+0

您是否在数组中显示数据?如果是这样,你应该使用v-for,否则你可以像平常一样对物体进行操作。 Vue包装对象,以便它可以使它们成为反应性的,但是您可以正常访问它们 – vbranden

+0

我尝试过使用forEach,但没有运气。以下答案解决了我的问题。 – Jaccs

回答

5

VueJS可以使用的forEach像下面。

let list=[]; 
$$.each(response.data.message, function(value, key) { 
    list.push(key); 
    }); 

所以,现在你可以拥有所有的数组到列表。使用环),以获得值或键

+2

代码示例与答案中的文本完全不同,甚至不起作用。 –

6

您还可以使用.MAP(如:

var list=[]; 

response.data.message.map(function(value, key) { 
    list.push(value); 
    }); 
2

我也有类似的问题,并试图的forEach和过滤。

var arr1 = []; 
var arr2 = []; 

this.myObj.filter(function (value, key) { 
    arr1.push(myObj); 
    console.log(value); 
    console.log(key); 
}); 

this.myObj.forEach(function (value, key) { 
    arr2.push(myObj); 
    console.log(value); 
    console.log(key); 
}); 

forEach和过滤器工作。请注意,“myObj”是我的数据上的一个数组。 我正在使用Vue v2.4.4。

+0

好的...很高兴在我的问题上听到这个。 – Jaccs