这里有一个稍微不同的方法(我不认为其他答案会这样做)。我不确定我是喜欢还是讨厌它，但它确实有效!

export function addDaySuffix(day: number) { 
  const suffixes =
      '  stndrdthththththththththththththththththstndrdthththththththst';
    const startIndex = day * 2;

    return `${day}${suffixes.substring(startIndex, startIndex + 2)}`;
  }

你只有12天?我想让它只是一个简单的查找数组:

var suffixes = ['','st','nd','rd','th','th','th','th','th','th','th','th','th'];

然后

var i = 2;
var day = i + suffixes[i]; // result: '2nd'

or

var i = 8;
var day = i + suffixes[i]; // result: '8th'

前几天我写了这个简单的函数。虽然对于一个日期你不需要更大的数字，但这也可以满足更高的数值(1013th, 36021等等……)

var fGetSuffix = function(nPos){

    var sSuffix = "";

    switch (nPos % 10){
        case 1:
            sSuffix = (nPos % 100 === 11) ? "th" : "st";
            break;
        case 2:
            sSuffix = (nPos % 100 === 12) ? "th" : "nd";
            break;
        case 3:
            sSuffix = (nPos % 100 === 13) ? "th" : "rd";
            break;
        default:
            sSuffix = "th";
            break;
    }

    return sSuffix;
};

函数ordsfx(){返回(“th”、“圣”、“和”,“路”][(= ~ ~(一个< 0 ? a: a) % 100) > 10一个< 14 | | (% = 10)> 3 ?0:]}

参见https://gist.github.com/furf/986113#file-annotated-js的注释版本

就像效用函数应该做的那样，简短、可爱、高效。适用于任何有符号/无符号整数/浮点数。(尽管我无法想象有必要对浮点数进行ordinalize)

序数后缀的最小一行方法

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"

强烈推荐优秀的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