当前位置:首页 > JavaScript

js实现查找到序数

2026-03-01 22:56:51JavaScript

查找序数的实现方法

在JavaScript中,查找序数(即第1、第2、第3等)可以通过多种方式实现。以下是几种常见的方法:

使用条件语句

通过条件判断返回对应的序数后缀:

js实现查找到序数

function getOrdinalSuffix(num) {
    const j = num % 10;
    const k = num % 100;
    if (j === 1 && k !== 11) return num + "st";
    if (j === 2 && k !== 12) return num + "nd";
    if (j === 3 && k !== 13) return num + "rd";
    return num + "th";
}

使用数组映射

通过数组存储后缀,直接根据数字取对应的序数:

js实现查找到序数

function getOrdinalSuffix(num) {
    const suffixes = ["th", "st", "nd", "rd"];
    const v = num % 100;
    return num + (suffixes[(v - 20) % 10] || suffixes[v] || suffixes[0]);
}

使用Intl.PluralRules

利用JavaScript的国际化API处理序数:

function getOrdinalSuffix(num) {
    const pr = new Intl.PluralRules("en", { type: "ordinal" });
    const suffixes = {
        one: "st",
        two: "nd",
        few: "rd",
        other: "th"
    };
    return num + suffixes[pr.select(num)];
}

处理负数和小数

如果需要处理负数或小数,可以扩展上述方法:

function getOrdinalSuffix(num) {
    const absNum = Math.abs(num);
    const j = absNum % 10;
    const k = absNum % 100;
    if (j === 1 && k !== 11) return num + "st";
    if (j === 2 && k !== 12) return num + "nd";
    if (j === 3 && k !== 13) return num + "rd";
    return num + "th";
}

注意事项

  • 序数通常用于正整数,但上述方法可以扩展支持负数和小数。
  • 不同语言和地区的序数规则可能不同,需要根据实际需求调整。
  • 国际化API(Intl.PluralRules)在某些旧浏览器中可能不支持。

标签: 序数js
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js实现滑动

js实现滑动

实现滑动效果的方法 在JavaScript中实现滑动效果可以通过多种方式完成,以下是几种常见的实现方法: 使用CSS过渡和JavaScript触发 通过CSS定义过渡效果,JavaScript控制触…

js实现按钮点击

js实现按钮点击

实现按钮点击的JavaScript方法 HTML按钮元素 在HTML中创建按钮元素,为其添加id或class以便JavaScript选择: <button id="myButton">点…