vue中计算机属性相加的7种使用写法

vue中计算机属性相加的7种使用写法,第1张

for循环

computed:{
totalprcie(){
				let arr=0;
			 	for (let i = 0; i < this.books.length; i++) {
				 		arr += this.books[i].price;
			 	}
				return arr;
				 }
               }

for in

computer:{totalPrcie(){
					 	let arr=0;
					 	for(let i in this.books){
					 		arr += this.books[i].price;
					 	}
					 	return arr;
					 }}

for of

computer:{
             totalPrcie(){
					 	let arr=0;
					 	for(let item of this.books){
					 		arr += item.price;
					 	}}

for each

totalPrcie(){
					// 	let arr=0;
					// 	this.books.forEach(item=>{
					// 		arr+=item.price
					// 	})
					// 	return arr;
					// }

map()

computer:{
                    totalPrcie(){
					let arr=0;
					this.books.map(item=>{
							arr+=item.price
					 	})
					 	return arr;
					 }}

filter

computer:{
           totalPrcie(){
					 	let arr=0;
					 	this.books.filter(item=>{
					 		arr+=item.price
					 	})
					 	return arr;
					 }}

reduce

computer:{
          totalPrcie(){
					 	return this.books.reduce(function(total,item){
					 		return total+item.price
					 	},0)
					}}

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320869.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存