2017-03-01 231 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