微信小程序 房贷计算器 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

相关文章

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

Python中顺序结构和循环结构示例代码

《Python中顺序结构和循环结构示例代码》:本文主要介绍Python中的条件语句和循环语句,条件语句用于根据条件执行不同的代码块,循环语句用于重复执行一段代码,文章还详细说明了range函数的使... 目录一、条件语句(1)条件语句的定义(2)条件语句的语法(a)单分支 if(b)双分支 if-else(

在不同系统间迁移Python程序的方法与教程

《在不同系统间迁移Python程序的方法与教程》本文介绍了几种将Windows上编写的Python程序迁移到Linux服务器上的方法,包括使用虚拟环境和依赖冻结、容器化技术(如Docker)、使用An... 目录使用虚拟环境和依赖冻结1. 创建虚拟环境2. 冻结依赖使用容器化技术(如 docker)1. 创

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

MySQL数据库函数之JSON_EXTRACT示例代码

《MySQL数据库函数之JSON_EXTRACT示例代码》:本文主要介绍MySQL数据库函数之JSON_EXTRACT的相关资料,JSON_EXTRACT()函数用于从JSON文档中提取值,支持对... 目录前言基本语法路径表达式示例示例 1: 提取简单值示例 2: 提取嵌套值示例 3: 提取数组中的值注意

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

JAVA调用Deepseek的api完成基本对话简单代码示例

《JAVA调用Deepseek的api完成基本对话简单代码示例》:本文主要介绍JAVA调用Deepseek的api完成基本对话的相关资料,文中详细讲解了如何获取DeepSeekAPI密钥、添加H... 获取API密钥首先,从DeepSeek平台获取API密钥,用于身份验证。添加HTTP客户端依赖使用Jav

Java实现状态模式的示例代码

《Java实现状态模式的示例代码》状态模式是一种行为型设计模式,允许对象根据其内部状态改变行为,本文主要介绍了Java实现状态模式的示例代码,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来... 目录一、简介1、定义2、状态模式的结构二、Java实现案例1、电灯开关状态案例2、番茄工作法状态案例