현재 날짜를 기준으로 텍스트 문자열을 동적으로 생성하고 싶습니다. 예를 들어, 1 일이면 코드에서 = “<dynamic> 1 * <dynamic string> st </ dynamic string> * </ dynamic>” 을 생성하고 싶습니다 .

총 12 일이 있으므로 다음을 수행했습니다.

12 일 동안 반복되는 for 루프를 설정했습니다.

내 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) {
            }
        }
    }

답변

규칙은 다음과 같습니다 :

st는 1로 끝나는 숫자와 함께 사용됩니다 (예 : 첫 번째, 첫 발음)

nd는 2로 끝나는 숫자와 함께 사용됩니다 (예 : 92 번째, 90 초 발음)

rd는 3으로 끝나는 숫자와 함께 사용됩니다 (예 : 33 번, 33 번 발음)

위의 규칙을 제외하고 11, 12 또는 13으로 끝나는 모든 “teen”숫자는 11 번째 (예 : 11 번째, 11 번째, 112 번째, 100 번째, 12 번째)를 사용합니다.

th는 다른 모든 숫자 (예 : 9 일, 9 번 발음)에 사용됩니다.

다음 JavaScript 코드 (’14 년 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 사이의 숫자에 대한 샘플 출력 :

답변

에서 Shopify

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

[-4,-1,0,1,2,3,4,10,11,12,13,14,20,21,22,100,101,111].forEach(
  n => console.log(n + ' -> ' + getNumberWithOrdinal(n))
);

스 니펫 확장

답변

서수 접미사에 대한 최소 한 줄 접근

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. 배열에서 찾을 수없는 인덱스는로 평가됩니다 . 이것은 자바 스크립트에서 거짓이며 논리 또는 ( || "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을 빼면 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"

업데이트 2

[,'st','nd','rd'][n/10%10^1&&n%10]||'th'

답변

모멘트 라이브러리 로컬 데이터 함수를 사용할 수 있습니다 .

암호:

moment.localeData().ordinal(1)
//1st

답변

`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(201)
	.fill()
	.map((_, index) => index - 100)
	.map(ordinal)
	.join(" ");
console.log(test);

스 니펫 확장

답변

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'

답변

숫자를 배열로 나누고 뒤집 으면 array[0]and를 사용하여 숫자의 마지막 두 자리를 쉽게 확인할 수 있습니다 array[1].

숫자가 10 대인 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";
}

답변

답변

답변

서수 접미사에 대한 최소 한 줄 접근

설명

작동하는지 확인

변형

최신 정보

업데이트 2

답변

답변

Intl.PluralRules의 표준 방법.

답변

답변

`Intl.PluralRules`의 표준 방법.