使用正则表达式从字符串中解析艺术家

Question

我正在尝试读取字符串，例如 使用 javascript 将 "Ludacris feat. Lil Jon, Drake & Elvis Presley" 转换为数组 ["Ludacris", "Lil Jon", "Drake", "Elvis Presley"]。

字符串始终具有相同的结构，但有时它们会在 [feat. ... ] 或 (feat. ... ) 等特色艺术家周围加上括号

我现在拥有的是： (\s*\b(feat)\b[.]?\s*)|(\s*,\s*)|(\s*&\s*)

当我在https://regex101.com/ 上测试时，它似乎匹配正确，但是，以下代码不起作用

var a = "Ludacris feat. Lil Jon, Drake & Elvis Presley".split(/(\s*\b(feat)\b[.]?\s*)|(\s*,\s*)|(\s*&\s*)/);
console.log(a);

输出是

[
  'Ludacris', ' feat. ',
  'feat',     undefined,
  undefined,  'Lil Jon',
  undefined,  undefined,
  ', ',       undefined,
  'Drake',    undefined,
  undefined,  undefined,
  ' & ',      'Elvis Presley'
]

我在这里错过了什么？

Answer 1

尝试不带括号。使用捕获组使您可以单独匹配字符串，因此如果您将其与split() 一起使用，则会创建更多未定义的项目@

var a = "Ludacris feat. Lil Jon, Drake & Elvis Presley".split(/\s*\bfeat\b[.]?\s*|\s*,\s*|\s*&\s*/);
console.log(a);

Answer 2

我不提倡冗长而复杂的正则表达式。它们很难阅读和推理。

当您将正则表达式处理分解成更小的块时，代码变得更容易理解。

let a = "Ludacris [feat. Lil Jon], Drake & Elvis Presley (feat. Elton John)";

// strip all '[]' and '()' characters
let noBrackets = a.replace(/[\[\]\(\)]/g, '');

// repalce all ' feat.' strings with ','
let noFeat = noBrackets.replace(/ feat\./g, ',');

// replace all ' &' with ','
let noAmpersand = noFeat.replace(/ \&/g, ',');

// split into arrays at ', '
let arr = noAmpersand.split(', ');

let result = document.getElementById('result');
result.innerHTML = 'a: ' + JSON.stringify(a);
result.innerHTML += '\n\nnoBrackets: ' +
  JSON.stringify(noBrackets);
result.innerHTML += '\nnoFeat: ' + JSON.stringify(noFeat);
result.innerHTML += '\nnoAmpersand:' +
  JSON.stringify(noAmpersand);
result.innerHTML += '\n\narr: ' + JSON.stringify(arr, null, 2);

<pre id="result"></pre>