javascript - 将部分文本字符串转换为分数

Question

我有一个字符串，它是产品名称和产品尺寸:

(来源:https://www.bagnboxman.co.uk/product/0215-e-flute-carton-180-x-150-x-370mm-with-50mm-dia-hole/)

Corrugated Box # 7 1/8 x 5 7/8 x 14 1/2" (180 x 150 x 370mm)

我想把它转换成这样:

Corrugated Box
7⅛ x 5⅞ x 14½" (180 x 150 x 370mm)

为了便于使用，我已将 # 符号放入其中，因此我可以搜索 # 并将其转换为换行符 (br)。

然后我还想寻找英寸分数并将它们转换为适当的..

½

..代码。

我该怎么做呢？今天早上我广泛地搜索了谷歌并尝试了一些东西，但就是无法弄清楚。恐怕我只有基本的 JS 知识。

Answer 1

您可以搜索空格、数字、斜杠和其他数字并返回所需的格式。

var string = 'Corrugated Box # 7 1/8 x 5 7/8 x 14 1/2" (180 x 150 x 370mm)'

string = string.replace(/\s(\d)\/(\d)/g, '&frac$1$2;').replace('#', '<br>');

document.body.innerHTML += string;

要更改 product-name 类的所有 div，您可以迭代元素。

document.body.onload = function () {
    Array.prototype.forEach.call(document.getElementsByClassName('product-name'), function (element) {
        element.innerHTML = element.innerHTML.replace(/\s(\d)\/(\d)/g, '&frac$1$2;').replace('#', '<br>');
    });
}

<div class="product-name">Corrugated Box # 7 1/8 x 5 7/8 x 14 1/2" (180 x 150 x 370mm)</div>