javascript - 如何将文本文件导入 HTML5/JavaScript 中的列表，即使它不是 JSON 或 CSV？

Question

我是新来的，请多关照。我正在尝试将文本文件导入到 HTML 嵌套列表中。我尝试实现的 HTML 输出如下所示:

    <ul>
        <li>FAVORITE SITES
            <ul>
                <li>eBay</li>
                <li>Google</li>
            </ul>
        </li>
        <li>AVOIDED SITES
            <ul>
                <li>Yahoo</li>
                <li>CraigsList</li>
            </ul>
        </li>
        <li>OTHER SITES
            <ul>
                <li>Alexa</li>
                <li>Amazon</li>
                <li>Jet</li>
            </ul>
        </li>
    </ul>

我使用 <input type="file"> 加载的文本文件没有以通常的方式格式化 - 它不是 JSON 或 CSV，它的格式如下:

FAVORITE SITES {
!Variable=eBay
!Variable=Google
}

AVOIDED SITES {
!Variable=Yahoo
!Variable=CraigsList
}

OTHER SITES {
!Variable=Alexa
!Variable=Amazon
!Variable=Jet
}

有什么方法可以加载解析和输入文本文件的值并将它们加载到列表中，即使文件是这种非标准格式，还是我需要更改文本文件的格式？任何帮助将不胜感激，谢谢。

Answer 1

let s = `FAVORITE SITES {
!Variable=eBay
!Variable=Google
}

AVOIDED SITES {
!Variable=Yahoo
!Variable=CraigsList
}

OTHER SITES {
!Variable=Alexa
!Variable=Amazon
!Variable=Jet
}`;

var ul = document.createElement('ul');

ul.innerHTML = s.replace(/(\})/gim, "</ul>\n</li>")
         .replace(/\{/gim, "\n<ul>")
         .replace(/!Variable=(\w+)\s*\n/gim, "<li>$1</li>\n")
         .split(/\s*\n\s*\n/)
         .map(v => v = '\n<li>' + v)
         .join('');

document.body.appendChild(ul);