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

相关文章

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu

java之Objects.nonNull用法代码解读

《java之Objects.nonNull用法代码解读》:本文主要介绍java之Objects.nonNull用法代码,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录Java之Objects.nonwww.chinasem.cnNull用法代码Objects.nonN

SpringBoot实现MD5加盐算法的示例代码

《SpringBoot实现MD5加盐算法的示例代码》加盐算法是一种用于增强密码安全性的技术,本文主要介绍了SpringBoot实现MD5加盐算法的示例代码,文中通过示例代码介绍的非常详细,对大家的学习... 目录一、什么是加盐算法二、如何实现加盐算法2.1 加盐算法代码实现2.2 注册页面中进行密码加盐2.

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,:本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV: 关于颜色总是要转HSV的掩膜再标注总结 目标:将红色的部分滤

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

Java时间轮调度算法的代码实现

《Java时间轮调度算法的代码实现》时间轮是一种高效的定时调度算法,主要用于管理延时任务或周期性任务,它通过一个环形数组(时间轮)和指针来实现,将大量定时任务分摊到固定的时间槽中,极大地降低了时间复杂... 目录1、简述2、时间轮的原理3. 时间轮的实现步骤3.1 定义时间槽3.2 定义时间轮3.3 使用时

Java中&和&&以及|和||的区别、应用场景和代码示例

《Java中&和&&以及|和||的区别、应用场景和代码示例》:本文主要介绍Java中的逻辑运算符&、&&、|和||的区别,包括它们在布尔和整数类型上的应用,文中通过代码介绍的非常详细,需要的朋友可... 目录前言1. & 和 &&代码示例2. | 和 ||代码示例3. 为什么要使用 & 和 | 而不是总是使

Java强制转化示例代码详解

《Java强制转化示例代码详解》:本文主要介绍Java编程语言中的类型转换,包括基本类型之间的强制类型转换和引用类型的强制类型转换,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录引入基本类型强制转换1.数字之间2.数字字符之间引入引用类型的强制转换总结引入在Java编程语言中,类型转换(无论

Vue 调用摄像头扫描条码功能实现代码

《Vue调用摄像头扫描条码功能实现代码》本文介绍了如何使用Vue.js和jsQR库来实现调用摄像头并扫描条码的功能,通过安装依赖、获取摄像头视频流、解析条码等步骤,实现了从开始扫描到停止扫描的完整流... 目录实现步骤:代码实现1. 安装依赖2. vue 页面代码功能说明注意事项以下是一个基于 Vue.js

mybatis-plus 实现查询表名动态修改的示例代码

《mybatis-plus实现查询表名动态修改的示例代码》通过MyBatis-Plus实现表名的动态替换,根据配置或入参选择不同的表,本文主要介绍了mybatis-plus实现查询表名动态修改的示... 目录实现数据库初始化依赖包配置读取类设置 myBATis-plus 插件测试通过 mybatis-plu