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

Jquery 对象求和相关推荐

jquery 1.7.2源码解析（二）构造jquery对象
构造jquery对象 jQuery对象是一个类数组对象. 一)构造函数jQuery() 构造函数的7种用法: 1.jQuery(selector [, context ]) 传入字符串参数:检查该字符 ...
理解jQuery对象$.html
如果要比喻jQuery和原生javascript的关系,我个人认为是自动档和手动档汽车的区别.使用原生javascript,可以知道离合器以及档位的作用:而使用jQuery,则把离合器和手动档位封装到 ...
jQuery对象和DOM对象使用说明
1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传 ...
jquery对象PHP转换,jquery对象和DOM对象如何相互转换？
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...
jquery jQuery的入口函数 $函数 dom对象和jquery对象
文章目录 jquery jQuery的入口函数 $函数 dom对象和jquery对象 jQuery的入口函数视频代码 $函数视频代码 dom对象和jquery对象视频代码 jquery j ...
DOM对象与 JQuery对象互相转化
JQUERY对象$("p")转化DOM对象 $("p") => $("p")[0] / $("p").get ...
DOM对象与jquery对象有什么不同
jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery ...
jQuery对象与DOM对象的相互转化
jQuery对象转化成DOM对象 (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象. (2)jQuery本身提供,通过.get(index)方法,得到相应的D ...
前端：jQuery对象和dom对象的转换
jQuery对象转成DOM对象: var jv =$("#v") ; //jQuery对象 var v=jv[0]; //DOM对象 var v=jv.get(0); //DOM对 ...
js中的DOM对象和jQuery对象的比较
1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box">& ...

Jquery 对象求和

Jquery 对象求和相关推荐

最新文章

热门文章