vue+js在元素和函数中分别遍历对象及数组的异同

最新推荐文章于 2023-05-29 01:30:00 发布

总会飞的菜鸟

最新推荐文章于 2023-05-29 01:30:00 发布

阅读量797

点赞数 1

分类专栏：前端文章标签： javascript vue.js

本文链接：https://blog.csdn.net/programmeruse/article/details/123577383

版权

前端专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何在JavaScript中遍历对象和数组。在元素中遍历对象使用`v-for`，可以获取`value`, `key`和`index`。在函数中则使用`for...in`或`for...of`。遍历数组同样使用`v-for`，并展示了在函数中使用`for`循环和`forEach`的方法。文章强调了`in`和`of`在遍历中的应用，并提供了实例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遍历对象，也就是说要遍历的数据是Object类型的{“key” : value}；
遍历数组，要遍历的数据是Array类型的[item1,item2]

在元素中遍历对象

<div v-for="(value, key, index) in object">{{value}}{{key}}{{index}}</div>
//如果此处只写了一个参数，就像下面这样，那么这个参数默认是object中的一个value
<div v-for="(param) in object"></div>

在函数中遍历对象

for(let key in object){
	console.log("key",key,"value",object[key])
}
for(value of object){}

在元素中遍历数组

<div v-for="(item, index) in array">{{item}}</div>

在函数中遍历数组，这个就太简单了，遍历角标或数组元素都行

for(let index = 0, len = array.length; index < len; i++){
	//这个方法还是效率较高的
	//还有其他方法，如array.foreach(function(e){})，
}
for(item of array){}

最后说一下，遍历时经常见in，of。遍历数组和对象时都可以用in和of，上面给出的代码中已经包含两种方式。