我想基于当天动态生成一串文本。因此，例如，如果是第1天，那么我希望我的代码生成=“其＆lt; dynamic＆gt; 1 *＆lt;动态字符串＆gt; st ＆lt; / dynamic string＆gt; *＆lt; /动态＆GT;”
共有12天，所以我做了以下工作：
我已经设置了一个for循环，循环播放了12天。
在我的html中，我给了我的元素一个唯一的id来定位它，见下文：
<h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1>
然后，在我的for循环中，我有以下代码：
$("#dynamicTitle span").html(i);
var day = i;
if (day == 1) {
day = i + "st";
} else if (day == 2) {
day = i + "nd"
} else if (day == 3) {
day = i + "rd"
}
更新
这是请求的整个for循环：
$(document).ready(function () {
for (i = 1; i <= 12; i++) {
var classy = "";
if (daysTilDate(i + 19) > 0) {
classy = "future";
$("#Day" + i).addClass(classy);
$("#mainHeading").html("");
$("#title").html("");
$("#description").html("");
} else if (daysTilDate(i + 19) < 0) {
classy = "past";
$("#Day" + i).addClass(classy);
$("#title").html("");
$("#description").html("");
$("#mainHeading").html("");
$(".cta").css('display', 'none');
$("#Day" + i + " .prizeLink").attr("href", "" + i + ".html");
} else {
classy = "current";
$("#Day" + i).addClass(classy);
$("#title").html(headings[i - 1]);
$("#description").html(descriptions[i - 1]);
$(".cta").css('display', 'block');
$("#dynamicImage").attr("src", ".." + i + ".jpg");
$("#mainHeading").html("");
$(".claimPrize").attr("href", "" + i + ".html");
$("#dynamicTitle span").html(i);
var day = i;
if (day == 1) {
day = i + "st";
} else if (day == 2) {
day = i + "nd"
} else if (day == 3) {
day = i + "rd"
} else if (day) {
}
}
}
答案 0 :(得分：279)
rules如下：
- st用于以1结尾的数字（例如，第1个，发音为第一个）
- nd用于以2结尾的数字（例如，第92，发音为九十二）
- rd用于以3结尾的数字（例如33rd，发音为第三十三）
- 作为上述规则的例外，以11,12或13结尾的所有“青少年”号码都使用-th（例如，第11，发音第11，第112， 宣读一百[和]十二）
- th用于所有其他数字（例如，第9，发音为第9）。
以下JavaScript代码（于2014年6月重写）实现了这一目标：
function ordinal_suffix_of(i) {
var j = i % 10,
k = i % 100;
if (j == 1 && k != 11) {
return i + "st";
}
if (j == 2 && k != 12) {
return i + "nd";
}
if (j == 3 && k != 13) {
return i + "rd";
}
return i + "th";
}
0-115之间数字的示例输出：
0 0th
1 1st
2 2nd
3 3rd
4 4th
5 5th
6 6th
7 7th
8 8th
9 9th
10 10th
11 11th
12 12th
13 13th
14 14th
15 15th
16 16th
17 17th
18 18th
19 19th
20 20th
21 21st
22 22nd
23 23rd
24 24th
25 25th
26 26th
27 27th
28 28th
29 29th
30 30th
31 31st
32 32nd
33 33rd
34 34th
35 35th
36 36th
37 37th
38 38th
39 39th
40 40th
41 41st
42 42nd
43 43rd
44 44th
45 45th
46 46th
47 47th
48 48th
49 49th
50 50th
51 51st
52 52nd
53 53rd
54 54th
55 55th
56 56th
57 57th
58 58th
59 59th
60 60th
61 61st
62 62nd
63 63rd
64 64th
65 65th
66 66th
67 67th
68 68th
69 69th
70 70th
71 71st
72 72nd
73 73rd
74 74th
75 75th
76 76th
77 77th
78 78th
79 79th
80 80th
81 81st
82 82nd
83 83rd
84 84th
85 85th
86 86th
87 87th
88 88th
89 89th
90 90th
91 91st
92 92nd
93 93rd
94 94th
95 95th
96 96th
97 97th
98 98th
99 99th
100 100th
101 101st
102 102nd
103 103rd
104 104th
105 105th
106 106th
107 107th
108 108th
109 109th
110 110th
111 111th
112 112th
113 113th
114 114th
115 115th
答案 1 :(得分：188)
来自Shopify
function getNumberWithOrdinal(n) {
var s=["th","st","nd","rd"],
v=n%100;
return n+(s[(v-20)%10]||s[v]||s[0]);
}
答案 2 :(得分：31)
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：此表达式采用输入整数 - 10 mod 100，映射10到0，... 99到89,0到90，...，9到99.现在以11结尾的整数，12,13位于低端（映射为1,2,3）。- 10：现在10映射到-10,19到-1,99到79,0到80，... 9到89.以11,12,13结尾的整数映射到负数整数（-9，-8，-7）。% 10：现在所有以1,2或3结尾的整数都映射到1,2,3。所有其他整数都映射到其他东西（11,12,13仍然映射到-9， -8，-7）。- 1：减去一个给出的最终映射为1,2,3到0,1,2。
function nth(n){return["st","nd","rd"][((n+90)%100-10)%10-1]||"th"}
//test integers from 1 to 124
for(var r = [], i = 1; i < 125; i++) r.push(i + nth(i));
//output result
document.getElementById('result').innerHTML = r.join('<br>');<div id="result"></div>
允许负整数：
function nth(n){return["st","nd","rd"][(((n<0?-n:n)+90)%100-10)%10-1]||"th"}
在ES6胖箭头语法（匿名函数）中：
n=>["st","nd","rd"][(((n<0?-n:n)+90)%100-10)%10-1]||"th"
正整数的更短替代方法是表达式
[,'st','nd','rd'][n%100>>3^1&&n%10]||'th'
请参阅this post了解相关信息。
答案 3 :(得分：7)
你只有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'
或
var i = 8;
var day = i + suffixes[i]; // result: '8th'
答案 4 :(得分：7)
通过将数字拆分为数组并进行反转，我们可以使用array[0]和array[1]轻松检查数字的最后2位数字。
如果一个数字在青少年array[1] = 1中，则需要“th”。
function getDaySuffix(num)
{
var array = ("" + num).split("").reverse(); // E.g. 123 = array("3","2","1")
if (array[1] != "1") { // Number is in the teens
switch (array[0]) {
case "1": return "st";
case "2": return "nd";
case "3": return "rd";
}
}
return "th";
}
答案 5 :(得分：5)
答案 6 :(得分：5)
function getSuffix(n) {return n < 11 || n > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((n - 1) % 10, 3)] : 'th'}
答案 7 :(得分：2)
序数函数的替代版本可以如下：
function toCardinal(num) {
var ones = num % 10;
var tens = num % 100;
if (tens < 11 || tens > 13) {
switch (ones) {
case 1:
return num + "st";
case 2:
return num + "nd";
case 3:
return num + "rd";
}
}
return num + "th";
}
变量的命名更明确，使用驼峰式约定，可能更快。
答案 8 :(得分：2)
我写了这个函数来解决这个问题：
// this is for adding the ordinal suffix, turning 1, 2 and 3 into 1st, 2nd and 3rd
Number.prototype.addSuffix=function(){
var n=this.toString().split('.')[0];
var lastDigits=n.substring(n.length-2);
//add exception just for 11, 12 and 13
if(lastDigits==='11' || lastDigits==='12' || lastDigits==='13'){
return this+'th';
}
switch(n.substring(n.length-1)){
case '1': return this+'st';
case '2': return this+'nd';
case '3': return this+'rd';
default : return this+'th';
}
};
有了这个，您可以将.addSuffix()添加到任何数字，这将导致您想要的结果。例如：
var number=1234;
console.log(number.addSuffix());
// console will show: 1234th
答案 9 :(得分：1)
function ordsfx(a){return["th","st","nd","rd"][(a=~~(a<0?-a:a)%100)>10&&a<14||(a%=10)>3?0:a]}
请参阅https://gist.github.com/furf/986113#file-annotated-js
上的注释版本简短，甜美，高效，就像实用功能一样。适用于任何有符号/无符号整数/浮点数。 （尽管我无法想象需要对漂浮物进行规范化）
答案 10 :(得分：1)
前几天我写了这个简单的功能。虽然对于一个日期你不需要更大的数字，这也将迎合更高的值（1013th，36021st等...）
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;
};
答案 11 :(得分：0)
这是另一种选择。
function getOrdinalSuffix(day) {
if(/^[2-3]?1$/.test(day)){
return 'st';
} else if(/^[2-3]?2$/.test(day)){
return 'nd';
} else if(/^[2-3]?3$/.test(day)){
return 'rd';
} else {
return 'th';
}
}
console.log(getOrdinalSuffix('1'));
console.log(getOrdinalSuffix('13'));
console.log(getOrdinalSuffix('22'));
console.log(getOrdinalSuffix('33'));
注意青少年的例外情况？青少年太笨了！
编辑：忘记了第11和第12次
答案 12 :(得分：0)
我想提供这个问题的功能性答案，以补充现有的答案：
const ordinalSuffix = ['st', 'nd', 'rd']
const addSuffix = n => n + (ordinalSuffix[(n - 1) % 10] || 'th')
const numberToOrdinal = n => `${n}`.match(/1\d$/) ? n + 'th' : addSuffix(n)
我们已经创建了一个特殊值的数组，重要的是要记住数组有一个基于零的索引，因此ordinalSuffix [0]等于'st'。
我们的函数numberToOrdinal检查数字是否以青少年数字结尾，在这种情况下，将数字加上'th'作为所有，然后数字序数为'th'。如果数字不是青少年，我们将数字传递给addSuffix，它将数字加到序数上，如果数字减去1（因为我们使用的是基于零的索引）mod 10的余数为2或者更少从阵列中取出，否则就是'th'。
示例输出：
numberToOrdinal(1) // 1st
numberToOrdinal(2) // 2nd
numberToOrdinal(3) // 3rd
numberToOrdinal(4) // 4th
numberToOrdinal(5) // 5th
numberToOrdinal(6) // 6th
numberToOrdinal(7) // 7th
numberToOrdinal(8) // 8th
numberToOrdinal(9) // 9th
numberToOrdinal(10) // 10th
numberToOrdinal(11) // 11th
numberToOrdinal(12) // 12th
numberToOrdinal(13) // 13th
numberToOrdinal(14) // 14th
numberToOrdinal(101) // 101st
答案 13 :(得分：0)
我为我的东西做的旧的......
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;
}
}
答案 14 :(得分：0)
强烈推荐出色的date-fns库。快速，模块化，不变，可与标准日期配合使用。
import * as DateFns from 'date-fns';
const ordinalInt = DateFns.format(someInt, 'do');
请参阅date-fns文档：https://date-fns.org/v2.0.0-alpha.9/docs/format
答案 15 :(得分：0)
我为更大的数字和所有测试用例编写了此函数
function numberToOrdinal(num) {
if (num === 0) {
return '0'
};
let i = num.toString(), j = i.slice(i.length - 2), k = i.slice(i.length - 1);
if (j >= 10 && j <= 20) {
return (i + 'th')
} else if (j > 20 && j < 100) {
if (k == 1) {
return (i + 'st')
} else if (k == 2) {
return (i + 'nd')
} else if (k == 3) {
return (i + 'rd')
} else {
return (i + 'th')
}
} else if (j == 1) {
return (i + 'st')
} else if (j == 2) {
return (i + 'nd')
} else if (j == 3) {
return (i + 'rd')
} else {
return (i + 'th')
}
}
答案 16 :(得分：0)
我强烈建议您这样做，它非常容易阅读。希望对您有帮助吗？
function numberToOrdinal(n) {
let result;
if(n < 0){
return false;
}else if(n === 0){
result = "0";
}else if(n > 0){
let nToString = n.toString();
let lastStringIndex = nToString.length-1;
let lastStringElement = nToString[lastStringIndex];
if( lastStringElement == "1" && n % 100 !== 11 ){
result = nToString + "st";
}else if( lastStringElement == "2" && n % 100 !== 12 ){
result = nToString + "nd";
}else if( lastStringElement == "3" && n % 100 !== 13 ){
result = nToString + "rd";
}else{
result = nToString + "th";
}
}
return result;
}
console.log(numberToOrdinal(-111));
console.log(numberToOrdinal(0));
console.log(numberToOrdinal(11));
console.log(numberToOrdinal(15));
console.log(numberToOrdinal(21));
console.log(numberToOrdinal(32));
console.log(numberToOrdinal(43));
console.log(numberToOrdinal(70));
console.log(numberToOrdinal(111));
console.log(numberToOrdinal(300));
console.log(numberToOrdinal(101));
输出
false
0
11th
15th
21st
32nd
43rd
70th
111th
300th
101st
答案 17 :(得分：0)
这是一个略有不同的方法（我认为其他答案没有做到这一点）。我不确定是爱还是恨它，但是它有效！
export function addDaySuffix(day: number) {
const suffixes =
' stndrdthththththththththththththththththstndrdthththththththst';
const startIndex = day * 2;
return `${day}${suffixes.substring(startIndex, startIndex + 2)}`;
}
答案 18 :(得分：0)
Intl.PluralRules，标准方法。我想将规范方法放在这里，因为似乎没人知道。
const english_ordinal_rules = new Intl.PluralRules("en", {type: "ordinal"});
const suffixes = {
one: "st",
two: "nd",
few: "rd",
other: "th"
};
function ordinal(number) {
const suffix = suffixes[english_ordinal_rules.select(number)];
return (number + suffix);
}
const test = Array(100)
.fill()
.map((_, index) => index)
.map(ordinal)
.join(" ");
console.log(test);
答案 19 :(得分：0)
此页面上的答案列表中没有显示此es6样式，这是我使用的方式：
const ordinal_suffix_of = (i) => {
const j = i % 10, k = i % 100
if (j == 1 && k != 11) {
return i + "st"
}
if (j == 2 && k != 12) {
return i + "nd"
}
if (j == 3 && k != 13) {
return i + "rd"
}
return i + "th"
}
答案 20 :(得分：0)
const getOrdinalNum = (n) => n + (n > 0 ? ['th', 'st', 'nd', 'rd'][(n > 3 && n < 21) || n % 10 > 3 ? 0 : n % 10] : '');
答案 21 :(得分：-1)
这是给es6的班轮和爱好者的
let i= new Date().getDate
// I can be any number, for future sake we'll use 9
const j = I % 10;
const k = I % 100;
i = `${i}${j === 1 && k !== 11 ? 'st' : j === 2 && k !== 12 ? 'nd' : j === 3 && k !== 13 ? 'rd' : 'th'}`}
console.log(i) //9th
+ be号的另一种选择是：
console.log(["st","nd","rd"][((i+90)%100-10)%10-1]||"th"]
也要摆脱序数前缀，只需使用以下内容：
console.log(i.parseInt("8th"))
console.log(i.parseFloat("8th"))
随时进行修改以适合您的需求
答案 22 :(得分：-4)
<p>31<sup>st</sup> March 2015</p>
您可以使用
1<sup>st</sup>
2<sup>nd</sup>
3<sup>rd</sup>
4<sup>th</sup>
用于定位后缀