vue学习笔记：三种for循环用法

vue学习笔记：三种for循环用法

需求：
遍历books数组，计算出总价格：
price是单价，count是数量。

for的第一种用法，也是最普通的一种：

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

第二种：比第一种简单方便一点，但我们还是需要通过索引去拿到值

let totalPrice = 0
       for (let i in this.books) {
         console.log(i); 	//打印结果为books的索引
         totalPrice += (this.books[i].price) * (this.books[i].count);
       }
       return totalPrice

第三种是最高效的，直接取到数组里面的对象

let totalPrice = 0
      for (let item of this.books) {
        totalPrice += item.price * item.count;
      }
      return totalPrice
    }