强烈推荐优秀的date-fns库。快速，模块化，不可变，适用于标准日期。

import * as DateFns from 'date-fns';

const ordinalInt = DateFns.format(someInt, 'do');

参见date-fns docs: https://date-fns.org/v2.0.0-alpha.9/docs/format

<p>31^st 2015年3月</p>

你可以使用

圣1 < sup > < / sup > 2 < sup >和< / sup > 研发3 < sup > < / sup > 4 < sup >的< / sup >

用于定位后缀

以前我为我的东西做的…

function convertToOrdinal(number){
    if (number !=1){
        var numberastext = number.ToString();
        var endchar = numberastext.Substring(numberastext.Length - 1);
        if (number>9){
            var secondfromendchar = numberastext.Substring(numberastext.Length - 1);
            secondfromendchar = numberastext.Remove(numberastext.Length - 1);
        }
        var suffix = "th";
        var digit = int.Parse(endchar);
        switch (digit){
            case 3:
                if(secondfromendchar != "1"){
                    suffix = "rd";
                    break;
                }
            case 2:
                if(secondfromendchar != "1"){
                    suffix = "nd";
                    break;
                }
            case 1:
                if(secondfromendchar != "1"){
                    suffix = "st";
                    break;
                }
            default:
                suffix = "th";
                break;
         }
            return number+suffix+" ";
     } else {
            return;
     }
}

const getOrdinalNum = (n) => n + (n > 0 ? ['th', 'st', 'nd', 'rd'][(n > 3 && n < 21) || n % 10 > 3 ? 0 : n % 10] : '');

Intl。PluralRules，标准方法。

我只是想在这里放弃做这个的规范方法，因为似乎没有人知道它。不要白费力气。

如果你想让你的代码

自我记录 易于本地化 用现代标准

-这才是正确的方法。

const english_ordinal_rules = new Intl。PluralRules("en"， {type: "ordinal"}); Const后缀= { 一:“圣”, 二:“和”, 一些:“路”, 其他:“th” }; 函数序数(number/*: number */) { Const category = english_ordinal_rules.select(number); Const suffix =后缀[类别]; 返回(数字+后缀); } // ->字符串 const test =数组(201) .fill () .map((_， index) => index - 100) . map(顺序) . join (" "); console.log(测试);

Intl。PluralRules构造函数(ECMA-402草案) 统一码的六个多元类别

Code-golf

虽然我不建议用你的代码打高尔夫，杀死可读性，但我为那些高尔夫球手想出了一个(92字节):

n=>n+{e:"st",o:"nd",w:"rd",h:"th"}[new Intl.PluralRules("en",{type:"ordinal"}).select(n)[2]]

序数后缀的最小一行方法

function nth(n){return["st","nd","rd"][((n+90)%100-10)%10-1]||"th"}

(这是为正整数，参见下面的其他变化)

解释

从一个后缀为["st"， "nd"， "rd"]的数组开始。我们希望将以1,2,3结尾的整数(但不以11,12,13结尾)映射到索引0,1,2。

其他整数(包括以11、12、13结尾的整数)可以映射到任何其他整数——数组中没有找到的索引将计算为undefined。这在javascript中是错误的，使用逻辑或(||“th”)，表达式将为这些整数返回“th”，这正是我们想要的。

表达式((n + 90) % 100 - 10) % 10 - 1进行映射。分解一下:

(n + 90) % 100: This expression takes the input integer − 10 mod 100, mapping 10 to 0, ... 99 to 89, 0 to 90, ..., 9 to 99. Now the integers ending in 11, 12, 13 are at the lower end (mapped to 1, 2, 3). - 10: Now 10 is mapped to −10, 19 to −1, 99 to 79, 0 to 80, ... 9 to 89. The integers ending in 11, 12, 13 are mapped to negative integers (−9, −8, −7). % 10: Now all integers ending in 1, 2, or 3 are mapped to 1, 2, 3. All other integers are mapped to something else (11, 12, 13 are still mapped to −9, −8, −7). - 1: Subtracting one gives the final mapping of 1, 2, 3 to 0, 1, 2.

验证它的工作

函数n (n){返回(“圣”、“和”、“采访”][100 - 10 ((n + 90) %) % 10:1] | |“th”} //测试1到124之间的整数 对于(var r = []， I = 1;I < 125;I ++) r.push(I + n (I)); / /输出结果 . getelementbyid(的结果)。innerHTML = r.join('<br>'); < div id = "结果" > < / div >

变化

允许负整数:

function nth(n){return["st","nd","rd"][(((n<0?-n:n)+90)%100-10)%10-1]||"th"}

函数n (n){返回(“圣”、“和”、“路”)((((n < 0 ? - n: n) + 90) % 100 - 10) % 10:1] | |“th”} //测试15到-124之间的整数 对于(var r = []， I = 15;I > -125;I——)r.push(I + n (I)); / /输出结果 . getelementbyid(的结果)。innerHTML = r.join('<br>'); < div id = "结果" > < / div >

在ES6胖箭头语法中(匿名函数):

n=>["st","nd","rd"][(((n<0?-n:n)+90)%100-10)%10-1]||"th"