vuejs的几种遍历方式

最新推荐文章于 2024-08-21 08:58:39 发布

阿旺-仔

最新推荐文章于 2024-08-21 08:58:39 发布

阅读量2.9k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_40272503/article/details/113348615

版权

本文介绍了Vue.js中常用的几种遍历方式，包括普通for循环、for...in、for...of、forEach、some()和filter()函数，详细阐述了它们的特点和使用场景，帮助开发者更好地理解和运用这些遍历技巧。

摘要由CSDN通过智能技术生成

注意：this是指向，只代表要被遍历的数组

1.普通for遍历

for(let i=0;i<this.books.length;i++){
    allPrice += this.books[i].price * this.books[i].num
  }

2.表达式in遍历 (i值只是角标)

for(let i in this.books){
 console.log(this.books[i].price+'~~~~');
}

3.表达式of 遍历特点:可以直接拿到数据对象,不是拿到脚标.
for(let item of this.books){
 console.log(item .price);
}

4 .forEach遍历

var newlist = [];
this.list.forEach(item=>{  //遍历数组,只要包含关健字的,就把这个对象存起来到新一个数组
 if(item.name.indexOf(keywords) !=-1){
 newlist.push(item);  //注意理解,这里push的是item这个对象
  }
})
return newlist;