java循环最优解问题_javascript三种for循环方式，拿到for循环最优解

所有书本总价格: {{books[0].price + books[1].price +books[2].price + books[3].price }}

所有书本总价格: {{totalPrice}}

const app = new Vue({

el: '#app',

data() {

return {

books: [

{id: 100, name: '周文强牛逼0', price: 119},

{id: 101, name: '周文强牛逼1', price: 129},

{id: 102, name: '周文强牛逼2', price: 139},

{id: 103, name: '周文强牛逼3', price: 149},

],

}

},

computed: {

// filter/map/reduce

//es5for循环实现总数

// totalPrice: function() {

// let result = 0

// for(let i=0; i

// // result += this.books[i].price

// result = result + this.books[i].price

// }

// return result

// // return this.books[1].name + ' ' + this.books[2].name

// },

//es6for循环实现总数

// totalPrice: function() {

// let result = 0

// for(let i in this.books){

// result += this.books[i].price

// }

// return result

// },

//最牛逼的es6循环实现总数

totalPrice: function() {

let result = 0

for(let book of this.books){

result += book.price

}

return result

},

},

methods: {},

created: function() {},

mounted: function() {},

})