如何使用＆lt; sup＆gt格式化半尺寸标签？

Question

以下是连接单词的功能。鉴于第一个或最后一个单词可以是像7 1/2这样的字符串，我将如何确保；如果单词包含一个分数，请用（SuperScript）标签格式化分数。

export const joinWords = (words: string[]): string => {
    if (words.length === 1) {
        return words[0];
    }
    const firstWords = words.slice(0, words.length - 1);
    const lastWord = words[words.length - 1];
    const oxfordComma = words.length > 2;

    //if firstWords or lastword contains "/"...Logic???

    return firstWords.join(', ') + `${oxfordComma ? ', ' : ''} and ${lastWord}`;
};

Answer 1

我找到了一种替代方法，其中使用替换方法。我正在使用Svelte，因此很大。

onMount(() => {
//join the words
        const test = joinWords(optionNames);
//replace the "1/2" since I am only using 1/2 for clothing sizes...this may not work for other fractions..
        const newTest = test.replace('1/2', '½');
        testWord = newTest;
    });

//be sure to return as html...again im in svelte.
<span>{@html testWord} </span><br />