首页 > 其他分享 >react 数字求和

react 数字求和

时间:2024-03-23 19:58:05浏览次数:28  
标签:customer 数字 rs 求和 reduce react parseFloat total amt

在生命周期中,写了如下代码

async componentDidMount(){    

    // 方法1:提取树型结构数据  

      let p={};

     p.style="full";

     p.sqlprocedure="app01";

     let rs=await reqdoSQL(p);  

     // 计算总销售额

    //  reduce函数,将数组中的元素累计到一个值,并返回这个值。

    //  这里的reduce函数将数组中的每一个customer.amt累计到total变量中,并返回total。0表示初始值为0

     if(rs&&rs.rows){

     

      let s2=rs.rows.slice().sort(function(a,b){return b.amt-a.amt})

     const total = s2.slice().reduce((total, customer) => total + parseFloat(customer.amt), 0);

      console.log(typeof total)

其中这句parseFloat(customer.amt), 0)没用parseFloat转换的时候,最后的 total数据类型是string

const total = s2.slice().reduce((total, customer) => total + parseFloat(customer.amt), 0);

刚学习的时候真的没想到

标签:customer,数字,rs,求和,reduce,react,parseFloat,total,amt
From: https://blog.csdn.net/s886555/article/details/136973982

相关文章

  • 企业数字化转型, 目标方向是转型还是数字化?
    最近几年,随着大数据、机器学习、人工智能智慧、物联网、云计算、区块链等一系列新兴技术在经历了前期摸索式发展,并逐渐向产业和行业下沉,越来越多的企业将“数字”视为核心资产、新资源和新财富。全球知名调研机构此前曾对2000位跨国企业CEO做过一项调查,结果......
  • react我需要在表格数据变化后,下一次渲染结束后,执行表单校验逻辑
    在React中,要在表格数据变化后且下一次渲染完成后执行表单校验逻辑,可以考虑在useEffect钩子中处理这个问题。useEffect会在每次渲染完成后的DOM更新之后执行指定的回调函数。以下是一个简化的示例:importReact,{useState,useEffect}from'react';functionYourComponent({......
  • 【附源码】java数字家谱管理系统(ssm毕业设计+maven+vue+计算机专业)
    本系统(程序+源码)带文档lw万字以上  文末可领取本课题的JAVA源码参考系统程序文件列表系统的选题背景和意义标题:数字家谱管理系统的选题背景及其意义随着信息技术的快速发展,数字化已经成为现代社会的一种趋势。在传统文化的传承与保护方面,数字技术的应用尤为重要。家谱作......
  • 鸿蒙自定义控件实现罗盘数字时钟效果
    前言:DevEcoStudio版本:4.0.0.600关注过我的小伙伴一定知道我之前写过一篇基于Android的 仿抖音效果的数字时钟罗盘 最近看了鸿蒙的Canvas组件,今天通过Canvas组件也实现下罗盘数字时钟的效果。参考链接:OpenHarmonyCanvas  OpenHarmonyCanvasrenderingcontext2d效果:......
  • Java中过滤器应用一统一处理请求和响应中文乱码
      请求/响应中文乱码演示写一个简单的Servlet进行测试,返回数据的时候,会出现中文乱码如下图所示。有时候请求的数据中如果包含中文,如果没有经过处理,同样会出现中文乱码。 解决办法出现中文乱码时,就可以考虑统一处理,如果不统一处理,在每一个Servlet中,如果数据返回中有中文,......
  • 【React】使用 JSX 为 JavaScript 添加标签
    使用JSX为JavaScript添加标签实际上是将JSX语法与JavaScript代码结合使用,以描述用户界面。JSX允许你在JavaScript中编写类似HTML的结构,并最终由React库将其转换为真正的DOM元素。以下是将标签引入JavaScript以及将HTML转化为JSX的步骤和JSX的一些基本......
  • 解决react useEffect中的内容被执行两次的问题
    当我们在函数组件中,希望使用useEffect来达到初始化的目的时,会发现总是在初始化的时候执行两遍问题复现组件代码部分import"./assets/App.css";import{useEffect}from"react";constApp=()=>{useEffect(()=>{console.log("组件初始化");},......
  • Java的编码、消息摘要、数字签名、加密(推荐)
    Java中,编码和加密是两个不同的概率,分别作用于不同的目标。我们在日常开发中偶尔也会用到关于这两个东西,比如对数据加密,账号密码进行加密等情况,下面我围绕Java的编码和加密进行相关介绍和讲解。Java编码编码作为Java中将数据转换为另一种格式的过程,通常是用于数据的传输和......
  • 数字孪生10个技术栈:数据建模,可不是三维建模,有点深奥
    一、什么是数据建模在数字孪生领域,数据建模是指将现实世界中的物理系统或过程转化为数字形式的模型。这个过程包括收集、整理和分析相关的数据,然后使用数学、统计学和计算机科学等方法来构建模型。数据建模的目的是为了更好地理解和预测物理系统的行为。通过将现实世界中......
  • 【React 】如何提高组件的渲染效率?在React中如何避免不必要的render?
    1.是什么react基于虚拟DOM和高效Diff算法的完美配合,实现了对DOM最小粒度的更新,大多数情况下,React对DOM的渲染效率足以我们的业务日常复杂业务场景下,性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能,避免不必要的渲染则是业务中常见的优化手段之一2.如何做......