微信小程序 房贷计算器 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集合之Iterator迭代器实现代码解析

《Java集合之Iterator迭代器实现代码解析》迭代器Iterator是Java集合框架中的一个核心接口,位于java.util包下,它定义了一种标准的元素访问机制,为各种集合类型提供了一种统一的... 目录一、什么是Iterator二、Iterator的核心方法三、基本使用示例四、Iterator的工

Java 线程池+分布式实现代码

《Java线程池+分布式实现代码》在Java开发中,池通过预先创建并管理一定数量的资源,避免频繁创建和销毁资源带来的性能开销,从而提高系统效率,:本文主要介绍Java线程池+分布式实现代码,需要... 目录1. 线程池1.1 自定义线程池实现1.1.1 线程池核心1.1.2 代码示例1.2 总结流程2. J

java程序远程debug原理与配置全过程

《java程序远程debug原理与配置全过程》文章介绍了Java远程调试的JPDA体系,包含JVMTI监控JVM、JDWP传输调试命令、JDI提供调试接口,通过-Xdebug、-Xrunjdwp参数配... 目录背景组成模块间联系IBM对三个模块的详细介绍编程使用总结背景日常工作中,每个程序员都会遇到bu

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

Vue实现路由守卫的示例代码

《Vue实现路由守卫的示例代码》Vue路由守卫是控制页面导航的钩子函数,主要用于鉴权、数据预加载等场景,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一、概念二、类型三、实战一、概念路由守卫(Navigation Guards)本质上就是 在路

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

JAVA实现Token自动续期机制的示例代码

《JAVA实现Token自动续期机制的示例代码》本文主要介绍了JAVA实现Token自动续期机制的示例代码,通过动态调整会话生命周期平衡安全性与用户体验,解决固定有效期Token带来的风险与不便,感兴... 目录1. 固定有效期Token的内在局限性2. 自动续期机制:兼顾安全与体验的解决方案3. 总结PS

C#中通过Response.Headers设置自定义参数的代码示例

《C#中通过Response.Headers设置自定义参数的代码示例》:本文主要介绍C#中通过Response.Headers设置自定义响应头的方法,涵盖基础添加、安全校验、生产实践及调试技巧,强... 目录一、基础设置方法1. 直接添加自定义头2. 批量设置模式二、高级配置技巧1. 安全校验机制2. 类型

Python屏幕抓取和录制的详细代码示例

《Python屏幕抓取和录制的详细代码示例》随着现代计算机性能的提高和网络速度的加快,越来越多的用户需要对他们的屏幕进行录制,:本文主要介绍Python屏幕抓取和录制的相关资料,需要的朋友可以参考... 目录一、常用 python 屏幕抓取库二、pyautogui 截屏示例三、mss 高性能截图四、Pill