Rumah  >  Artikel  >  hujung hadapan web  >  vue.js如何循环数组

vue.js如何循环数组

coldplay.xixi
coldplay.xixiasal
2020-11-09 15:33:477257semak imbas

vue.js实现循环数组的方法:1、使用for遍历,代码为【for( var i in array):console.log(array[i], i)】;2、使用forEach方法,从头至尾遍历数组,为每个元素调用指定的函数。

vue.js如何循环数组

【相关文章推荐:vue.js

vue.js实现循环数组的方法:

1、vue遍历数组的方法:

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循环和forEach是等价的,都是循环数组。

2、forEach()方法,从头至尾遍历数组,为每个元素调用指定的函数。

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

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci vue.js如何循环数组. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:vue.js组件如何父传子Artikel seterusnya:vue.js前端框架能做什么

Artikel berkaitan

Lihat lagi