vue.js循環(huán)數(shù)組的示例

發(fā)布時(shí)間：2020-12-10 09:51:56 來源：億速云閱讀：183 作者：小新欄目：編程語言

小編給大家分享一下vue.js循環(huán)數(shù)組的示例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

vue.js實(shí)現(xiàn)循環(huán)數(shù)組的方法：1、使用for遍歷，代碼為【for( var i in array):console.log(array[i], i)】；2、使用forEach方法，從頭至尾遍歷數(shù)組，為每個(gè)元素調(diào)用指定的函數(shù)。

【相關(guān)文章推薦：vue.js】

vue.js實(shí)現(xiàn)循環(huán)數(shù)組的方法：

1、vue遍歷數(shù)組的方法：

var array = [1, 2, 3, 4]
//方法一：
for( var i in array):
    console.log(array[i], i)
 
//方法二：
array.forEach((v, i) => {
    console.log(v, i)
})

for循環(huán)和forEach是等價(jià)的，都是循環(huán)數(shù)組。

2、forEach()方法，從頭至尾遍歷數(shù)組，為每個(gè)元素調(diào)用指定的函數(shù)。

var a = [1,2,3,4,5];     
var sum = 0;             
a.forEach(function (value) {
    sum += value
})             
console.log(sum); //sum = 15

看完了這篇文章，相信你對(duì)vue.js循環(huán)數(shù)組的示例有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

vue.js循環(huán)數(shù)組的示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽