JS数组值相加

方法: 

//数组值相加
sum(arr) {

	return eval(arr.join("+"));

},

示例:将数组里的每个item里面的元素值相加

	var vm = new Vue({
		el: '#content',
		data: {
			allMoney: '', //总收入
            moneyList:[]
		},
		mounted() {
			this.MyMoney()
		},
		methods: {
			//我的收入
			MyMoney() {
				let sendData = {
					token: localStorage.getItem("token")
				};
				$.ajax({
					type: "post",
					url: hrefURL + 'api/haha/自己的接口',
					data: sendData,
					success: (res) => {
						if (res.code == 1) {
							console.log(res);
							res.data.forEach((item, index) => {
								this.moneyList.push(item.money)  //拿到每个item里的money值存入新数组
							})

							console.log(this.moneyList);
							console.log(this.sum(this.moneyList)); //打印调用sum函数结果

							this.allMoney = this.sum(this.moneyList) //赋值
						} else {
							layer.msg(res.msg);
						}
					},
					error(err) {
						layer.msg('Network failure; Please try again later');
					}
				});
			},
			//数组值相加
			sum(arr) {

				return eval(arr.join("+"));

			}	

		},

	})


总结

js数组值相加其实利用封装函数最为简单,可以直接写在HTML布局中进行计算,也可以和示例一样进行赋值渲染

你可能感兴趣的:(JS,javascript,前端,vue.js)