微信小程序 房贷计算器 js代码终极版

2023-10-25 17:50

本文主要是介绍微信小程序 房贷计算器 js代码终极版,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

这里写目录标题

  • 展示图
  • 1.在utils 中创建文件calculateMortgage.ts
  • 2. 在需要使用的地方引入并传参

展示图

在这里插入图片描述

1.在utils 中创建文件calculateMortgage.ts

/** 假设房贷本金是60万,贷款年利率为4.8%即月利率为0.4%,分20年即240期偿还,等额本金还款,那么:1、每月应还本金=600000/240=2500元;2、首月应还利息=600000*0.4%=2400元,首月还款金额=2500+2400=4900元;3、次月应还利息=(600000-2500)*0.4%=2390元,次月还款金额=2500+2390=4890元;可见,等额本金的利息、月还款额均是以10元/月依次递减。4、总利息=(240+1)*600000*0.4%/2=289200元。以上就是关于“房贷等额本金算法”的相关内容,希望能对大家有所帮助。
*/
// 等额本金 LoanBenJin: number, yearStages: number, yearRates: number
export const averageCapital = (LoanBenJin: number, yearStages: number, yearRates: number) => {let benJin = LoanBenJin * 10000        // 总价格let monthStage = yearStages * 12       // 总期数let LoanYearRate = yearRates           // 总年利率let monthRates = (LoanYearRate) / 12 / 100   // 每月利率let moneyPrincipal = benJin / monthStage     // 1、每月应还本金=600000/240=2500元;let lists = []  // 定义数组用于装载列表var finishLiXiTotal = 0;              // 已还利息总和let unfinishedBenJinTotal =  benJin   // 还剩下本金总和var finishedBenJinTotal = 0;          // 已还本金for (var i = 0; i < monthStage; i++) {// 2、首月应还利息=600000*0.4%=2400元,首月还款金额=2500+2400=4900元;let needLiXi = (benJin - (i * moneyPrincipal)) * monthRates// 已还本金总和finishedBenJinTotal = doDanWei2(moneyPrincipal*(i+1))// 未还本金unfinishedBenJinTotal = doDanWei2(benJin - finishedBenJinTotal)// 利息总和finishLiXiTotal = doDanWei2(finishLiXiTotal + needLiXi)let k = {key: i + 1,title: `第${i + 1}期`,currentMonthTotal: doDanWei2(moneyPrincipal + needLiXi), // 当月需要还款总金额 =  当月需要还的本金 + 当月需要还的利息currentMonthBenJin: doDanWei2(moneyPrincipal),           // 当月需要还的本金currentMonthLiXi: doDanWei2(needLiXi),                   // 当月需要还的利息finishedBenJinTotal:doDanWei2(moneyPrincipal*(i+1)),       // 已还款本金总和unfinishedBenJinTotal :doDanWei2(unfinishedBenJinTotal),   // 还剩下本金总和finishLiXiTotal: doDanWei2(finishLiXiTotal),               // 已还利息总和}lists.push(k)}// 可见,等额本金的利息、月还款额均是以10元/月依次递减。// 4、总利息=(240+1)*600000*0.4%/2=289200元。let finishLiXiTotalAll = (monthStage + 1) * benJin * monthRates / 2// 以上就是关于“房贷等额本金算法”的相关内容,希望能对大家有所帮助。let returnInfo = {subKey:'principals',subTitle:'等额本金',benJin: benJin,                     // 借款额度bigBenJin:LoanBenJin,               // 大写本金yearStages:yearStages,              // 年总期数monthStage: monthStage,             // 月总期数yearRates:yearRates,                // 年利率monthRates:monthRates,              // 🈷️利率finishedTotal: doDanWei2(benJin + finishLiXiTotal), // 需要还的总钱数 = 本金 + 利息liXi: finishLiXiTotalAll,           // 总利息lists: lists,                       // 分期列表详情}return returnInfo
}// // 等额本息
export const principalInterest = (LoanBenJin: number, yearStages: number, yearRates: number) =>{let benJin = LoanBenJin * 10000                  // 总价格let monthStage = yearStages * 12                 // 总期数let monthRates = (yearRates) / 12 / 100          // 每月利率//  1.每月还款额 = 总贷款额 X 月利率 X ( 1+月利率 ) ^ 还款期数 / ( ( 1+月利率 ) ^ 还款期数 -1 )var currentMonthTotal = doDanWei2((benJin * monthRates * Math.pow( (1+monthRates),monthStage) ) / ( Math.pow( (1+monthRates),monthStage ) -1))var finishedBenJinTotal = 0;          // 已还本金var finishLiXiTotal = 0;              // 已还利息总和let unfinishedBenJinTotal =  benJin   // 还剩下本金总和let lists = []                        // 定义数组用于装载列表for(var i =1; i < monthStage+1 ;i++){// 当月需要还的利息var currentMonthLiXi = (benJin - finishedBenJinTotal) * monthRates;//  当月需要还的本金var currentMonthBenJin = currentMonthTotal - currentMonthLiXi;//  已还款本金总和finishedBenJinTotal +=  currentMonthBenJin;//  已还本金总和unfinishedBenJinTotal = benJin - finishedBenJinTotal;//  已还利息总和finishLiXiTotal += currentMonthLiXi;let k = {key: i,title: `第${i}期`,currentMonthTotal:doDanWei2(currentMonthTotal),    // 当月需要还款总金额 =  当月需要还的本金 + 当月需要还的利息currentMonthBenJin: doDanWei2(currentMonthBenJin), // 当月需要还的本金currentMonthLiXi: doDanWei2(currentMonthLiXi),     // 当月需要还的利息finishedBenJinTotal:doDanWei2(finishedBenJinTotal),        // 已还款本金总和unfinishedBenJinTotal :doDanWei2(unfinishedBenJinTotal),   // 还剩下本金总和finishLiXiTotal: doDanWei2(finishLiXiTotal),               // 已还利息总和}lists.push(k)}let returnInfo = {subKey:'averages',subTitle:'等额本息',benJin: benJin,                     // 借款额度bigBenJin:LoanBenJin,               // 大写本金yearStages:yearStages,              // 年总期数monthStage: monthStage,             // 月总期数yearRates:yearRates,                // 年利率monthRates:monthRates,              // 🈷️利率finishedTotal: doDanWei2(benJin + finishLiXiTotal), // 需要还的总钱数 = 本金 + 利息liXi: doDanWei2(finishLiXiTotal),   // 总利息lists: lists,                       // 分期列表详情}return returnInfo
}// 计算金额
const doDanWei = (num: number) => {if (Math.floor(num) === num) return numlet k = Number((Number(num.toFixed(2)) + 0.01).toFixed(2))return k
}
// 计算金额
const doDanWei2 = (num: number) => {if (Math.floor(num) === num) return numlet k = Number(num.toFixed(2))return k
}
export const doDanWei1 = (num: number) => {if (Math.floor(num) === num) return numlet k = Number(num.toFixed(2))return k
}

2. 在需要使用的地方引入并传参

import { principalInterest, averageCapital } from '../../utils/calculateMortgage'let averages = averageCapital(LoanBenJin, this.data.yearStages, yearRate) // 总金额W 、分期年限、年率利let principals = principalInterest(LoanBenJin, this.data.yearStages, yearRate) // 总金额W、分期年限、年率利

这篇关于微信小程序 房贷计算器 js代码终极版的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/284212

相关文章

利用Python调试串口的示例代码

《利用Python调试串口的示例代码》在嵌入式开发、物联网设备调试过程中,串口通信是最基础的调试手段本文将带你用Python+ttkbootstrap打造一款高颜值、多功能的串口调试助手,需要的可以了... 目录概述:为什么需要专业的串口调试工具项目架构设计1.1 技术栈选型1.2 关键类说明1.3 线程模

Python Transformers库(NLP处理库)案例代码讲解

《PythonTransformers库(NLP处理库)案例代码讲解》本文介绍transformers库的全面讲解,包含基础知识、高级用法、案例代码及学习路径,内容经过组织,适合不同阶段的学习者,对... 目录一、基础知识1. Transformers 库简介2. 安装与环境配置3. 快速上手示例二、核心模

Java的栈与队列实现代码解析

《Java的栈与队列实现代码解析》栈是常见的线性数据结构,栈的特点是以先进后出的形式,后进先出,先进后出,分为栈底和栈顶,栈应用于内存的分配,表达式求值,存储临时的数据和方法的调用等,本文给大家介绍J... 目录栈的概念(Stack)栈的实现代码队列(Queue)模拟实现队列(双链表实现)循环队列(循环数组

将Java程序打包成EXE文件的实现方式

《将Java程序打包成EXE文件的实现方式》:本文主要介绍将Java程序打包成EXE文件的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录如何将Java程序编程打包成EXE文件1.准备Java程序2.生成JAR包3.选择并安装打包工具4.配置Launch4

Java程序进程起来了但是不打印日志的原因分析

《Java程序进程起来了但是不打印日志的原因分析》:本文主要介绍Java程序进程起来了但是不打印日志的原因分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java程序进程起来了但是不打印日志的原因1、日志配置问题2、日志文件权限问题3、日志文件路径问题4、程序

使用Java将DOCX文档解析为Markdown文档的代码实现

《使用Java将DOCX文档解析为Markdown文档的代码实现》在现代文档处理中,Markdown(MD)因其简洁的语法和良好的可读性,逐渐成为开发者、技术写作者和内容创作者的首选格式,然而,许多文... 目录引言1. 工具和库介绍2. 安装依赖库3. 使用Apache POI解析DOCX文档4. 将解析

C++使用printf语句实现进制转换的示例代码

《C++使用printf语句实现进制转换的示例代码》在C语言中,printf函数可以直接实现部分进制转换功能,通过格式说明符(formatspecifier)快速输出不同进制的数值,下面给大家分享C+... 目录一、printf 原生支持的进制转换1. 十进制、八进制、十六进制转换2. 显示进制前缀3. 指

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例