Добавить St, nd, rd и th (порядковый) суффикс к числу

С Shopify

function getGetOrdinal(n) {
    var s=["th","st","nd","rd"],
    v=n%100;
    return n+(s[(v-20)%10]||s[v]||s[0]);
 }

минимальный однострочный подход для порядковых суффиксов

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 fat arrow (анонимная функция):

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

обновление

еще более короткой альтернативой для положительных целых чисел является выражение

[,'st','nd','rd'][n%100>>3^1&&n%10]||'th'

посмотреть этот пост для объяснения.

У вас есть только 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'

путем разбиения числа на массив и реверсирования мы можем легко проверить последние 2 цифры числа с помощью array[0] и array[1].

если число находится в подростковом возрасте 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";
}

function getSuffix(n) {return n < 11 || n > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((n - 1) % 10, 3)] : 'th'}

Я написал эту функцию, чтобы решить эту проблему:

// 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

Я написал эту простую функцию на днях. Хотя на сегодняшний день Вы не нуждаетесь в больших количествах, это позволит удовлетворить более высокие значения тоже (1013-м 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;
};

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

короткий, сладкий и эффективный, как и функции полезности должны быть. Работает с любым подписанным / беззнаковым целым числом / float. (Хотя я не могу себе представить, что нужно упорядочить поплавки)

альтернативная версия порядковой функции может быть следующей:

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";
}

переменные называются более явно, использует Camel case convention и может быть быстрее.

вот еще один вариант.

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

Я хотел дать функциональный ответ на этот вопрос, чтобы дополнить существующий ответ:

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

старый, который я сделал для своих вещей...

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;
     }
}

настоятельно рекомендую великолепную дата-ФНС библиотека. Быстрый, модульный, неизменяемый, работает со стандартными датами.

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

попробовать

var getOrdinal = function(n) {
   var s=["th","st","nd","rd"],
   v=n%100;
   return n+(s[(v-20)%10]||s[v]||s[0]);
}

console.log(getOrdinal(10)

<p>31<sup>st</sup> March 2015</p>

можно использовать

1<sup>st</sup> 2<sup>nd</sup> 3<sup>rd</sup> 4<sup>th</sup>

для позиционирования суффикс