当前位置:首页 > JavaScript

用js实现六十甲子

2026-01-31 07:04:39JavaScript

六十甲子是中国传统历法中的干支纪年系统,由天干(10个)与地支(12个)循环组合而成,共60种组合。以下是使用JavaScript生成六十甲子的实现方法:

定义天干和地支数组

天干和地支需要预先定义,并按顺序组合:

用js实现六十甲子

const heavenlyStems = ['甲', '乙', '丙', '丁', '戊', '己', '庚', '辛', '壬', '癸'];
const earthlyBranches = ['子', '丑', '寅', '卯', '辰', '巳', '午', '未', '申', '酉', '戌', '亥'];

生成六十甲子列表

通过循环将天干与地支按顺序配对,注意天干和地支的循环周期不同(10和12的最小公倍数为60):

用js实现六十甲子

function generateSexagenaryCycle() {
    const cycle = [];
    for (let i = 0; i < 60; i++) {
        const stemIndex = i % heavenlyStems.length;
        const branchIndex = i % earthlyBranches.length;
        cycle.push(heavenlyStems[stemIndex] + earthlyBranches[branchIndex]);
    }
    return cycle;
}

const sexagenaryCycle = generateSexagenaryCycle();
console.log(sexagenaryCycle); // 输出完整的六十甲子数组

根据年份或索引获取对应干支

若需根据特定年份或索引获取干支组合(如2023年为癸卯年),可扩展功能:

function getStemBranchByYear(year) {
    // 已知2020年为庚子年(索引36,因六十甲子循环从0开始)
    const baseYear = 2020;
    const baseIndex = 36;
    const offset = (year - baseYear) % 60;
    const index = (baseIndex + offset + 60) % 60; // 处理负数
    return sexagenaryCycle[index];
}

console.log(getStemBranchByYear(2023)); // 输出 "癸卯"

处理负年份或超出范围的情况

若需支持农历或历史年份,需确保索引计算正确:

function normalizeIndex(index) {
    return ((index % 60) + 60) % 60; // 保证结果在0-59之间
}

输出示例

运行上述代码后,生成的六十甲子列表前5项为:
['甲子', '乙丑', '丙寅', '丁卯', '戊辰', ...]
通过调用getStemBranchByYear(2023)可得到当前年份的干支组合“癸卯”。

标签: 甲子js
分享给朋友:

相关文章

js实现分页

js实现分页

实现分页的基本思路 分页功能通常需要处理数据分割、页码生成和用户交互。核心逻辑包括计算总页数、根据当前页截取数据、渲染页码按钮等。 前端分页实现(静态数据) 假设已有全部数据,仅需前端分页展示:…

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统…

js实现vr

js实现vr

使用WebXR API实现VR体验 WebXR是浏览器中实现VR和AR体验的标准API,它取代了早期的WebVR。现代浏览器如Chrome、Edge和Firefox已支持WebXR。 // 初始化…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <di…