v-for或for...in循环中遍历数组对象,对象,数组的区别

1. 遍历数组:在遍历数组时,for的第一个参数value会返回数组中每个元素的值,而第二个参数是得到数组中元素的下标

例如:

<ul>
	<li v-for="(value, index) in items" :key="value">
		{{index}}:{{ value }}
	</li>
</ul>
items:[1,2,3,4]

输出:在这里插入图片描述

2. 遍历对象:在遍历的对象时,for的第一个参数value会返回对象中每个元素的值,而第二个参数在遍历数组时是得到数组中元素的下标,而在对象中是得到对象中属性的属性名(相当于索引名)

例如:

<div v-for="(value, index) in object" :key="index">  {{ index }}: {{ value }}</div>
object:{a:1,b:2,c:3}

输出:在这里插入图片描述

3. 遍历数组对象:遍历数组中每个对象元素进行循环。和遍历数组元素类似,只是遍历的值是一个对象罢了

例如:

<div v-for="(item,index) in items" :key="index">
	{{ value }}:{{ index }}
</div>
items:[{a:1},{b:2},{c:3}]

输出:在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值