Jquery 对象求和
1、效果
2、注意
reduce循环对象不能为空，如果为空则抛出异常：TypeError: reduce of empty array with no initial value
所以代码中加了是否为空校验：if($.isEmptyObject(totalObj) == false){ //不为空时 }
3、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jquery对象求和</title>
<style>
.span-class{
margin:0
}
</style>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<span class="span-class"></span>
</body>
<script type="text/javascript">
//let totalObj = {};
let totalObj = {'x':11, 'y':22, 'z':33};
let reduceTotal = eachTotal = foreachTotal = forTotal = forInTotal = 0;
if($.isEmptyObject(totalObj) == false){
reduceTotal = parseFloat(Object.values(totalObj).reduce((pre, total_price) => parseFloat(pre) + parseFloat(total_price)));
}
$.each(totalObj, function(index, value){
eachTotal += value;
});
/*array.forEach(function(currentValue, index, arr){
foreachTotal += currentValue;
});*/
let length = totalObj.length;
for(let i = 0; i < length; i++) {
forTotal += totalObj[i];
}
for( index in totalObj ){
forInTotal += totalObj[index];
}
let spanText = "reduceTotal：" + reduceTotal + "<br/>"
+ "eachTotal：" + eachTotal + "<br/>"
+ "foreachTotal：" + foreachTotal + "<br/>"
+ "forTotal：" + forTotal + "<br/>"
+ "forInTotal：" + forInTotal;
$('.span-class').append(spanText);
</script>
</html>
<br/>
<br/>注意：<br/>
reduce循环对象<I><B>不能为空</B></I>，如果为空则抛出异常：<B>TypeError: reduce of empty array with no initial value</B><br/>
所以代码中加了是否为空校验：<span style="color:red">if($.isEmptyObject(totalObj) == false){ //不为空时 }</span><br/>
<!--
注意：
reduce循环对象不能为空，如果为空则抛出异常：TypeError: reduce of empty array with no initial value
所以代码中加了是否为空校验：if($.isEmptyObject(totalObj) == false){ //不为空时 }
-->
