当前位置:首页 > 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
分享给朋友:

相关文章

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现图表

js实现图表

在JavaScript中实现图表通常使用流行的图表库,以下是几种常见的方法和工具: 使用Chart.js Chart.js是一个简单灵活的库,适合快速生成响应式图表。安装方式包括CDN引入或npm…

js实现tab选项卡切换

js实现tab选项卡切换

实现Tab选项卡切换的JavaScript方法 使用纯JavaScript实现Tab切换功能,可以通过监听点击事件动态切换内容显示状态。以下是两种常见实现方式: 基础DOM操作实现 // 获取…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的J…

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js怎么实现异步

js怎么实现异步

异步实现方法 JavaScript中实现异步操作主要通过以下几种方式: Promise Promise是ES6引入的异步解决方案,用于处理异步操作的成功或失败状态。 const promise…