javascript - 如何根据三个分隔符拆分字符串？

Question

我的代码是这样的：

<template>
    ...
        <p v-for="club in clubs">{{club}}</p>
    ...
</template>
<script>
export default {
  data: () => ({
    clubs: ''
  }),
  mounted () {
    let dataClub =  "- City\\t - MU\\t - Liverpool\\t - Arsenal\\t - Chelsea"
    // let dataClub =  "- City\n - MU\n - Liverpool\n - Arsenal\n - Chelsea"
    // let dataClub =  "City;MU;Liverpool;Arsenal;Chelsea"
    let dc = dataClub.split(/[\n;]/)
    this.clubs = dc
  }
}
</script>

dataClub 是动态的。可以用 隔开，;也可以用 隔开\n。除此之外还可以用符号隔开\\t

如果有 3 个分隔符，我该如何进行拆分？

我尝试let dc = dataClub.split(/[\n;\\t]/)，但它不起作用

Answer 1

您可以在正则表达式中使用|（运算符）拆分多个字符串/字符。or该片段有一些示例，包括\\t或\t（最后一个是tab字符）。

const splitData = str => str.split(/\\t|\n|;|\t/);

const dataClub1 =  "- City\\t- MU\\t- Liverpool\\t- Arsenal\\t- Chelsea"; // \\t
const dataClub2 =  `- City
- MU
- Liverpool
- Arsenal
- Chelsea`; // \n
const dataClub3 =  "- City;- MU;- Liverpool;- Arsenal;- Chelsea"; // ;
const dataClub4 =  `- City\t- MU\t- Liverpool\t- Arsenal\t- Chelsea`; // \t

console.log(splitData(dataClub1));
console.log(splitData(dataClub2));
console.log(splitData(dataClub3));
console.log(splitData(dataClub4));

.as-console-wrapper { top: 0; max-height: 100% !important; }

Answer 2

参考这个答案： https ://stackoverflow.com/a/19313633/4298881

let separators = ['\\\\t', ';', '\\n'];
let regex = new RegExp(separators.join('|'), 'g');
dataClub.split(regex); // ["- City", " - MU", " - Liverpool", " - Arsenal", " - Chelsea"]

Answer 3

虽然将分隔符放入数组中（dataClub.split(/['\t','\n',';']/) 也会拆分城市，因为正则表达式是其中之一。使正则表达式完全匹配分隔符将帮助。

let dataClub =  "- City\\t - MU\\t - Liverpool\\t - Arsenal\\t - Chelsea";
const splittedDc = dataClub.split(/\\t|\n|;/);
console.log(splittedDc);