Jquery 对象求和

最新推荐文章于 2022-05-03 18:20:30 发布

夏已微凉、

最新推荐文章于 2022-05-03 18:20:30 发布

阅读量876

点赞数

分类专栏： # Js（JQuery）文章标签： jquery 求和

本文链接：https://blog.csdn.net/qq_36025814/article/details/103497157

版权

Js（JQuery）专栏收录该内容

56 篇文章 2 订阅

订阅专栏

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){ //不为空时 }
 -->

夏已微凉、

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery 对象求和

Jquery 对象求和1、效果2、注意 reduce循环对象不能为空，如果为空则抛出异常：TypeError: reduce of empty array with no initial value 所以代码中加了是否...
复制链接

扫一扫