主页 / 问题 / 1438002
Accepted
TinturSoft
Asked:2022-08-10 16:21:15 +0000 UTC2022-08-10 16:21:15 +0000 UTC

按多个字符从文件中拆分数组

  • 772

鉴赏家，需要帮助。我正在遍历文件中的数组。元素的输入原则是通过每个逗号标记一个新元素。此外，它被带入具有特定类的 div 中。

 $.get("./files/city_list.txt", function(data) {      
    let doctors = data.split(',');  
    $.each(doctors, function() {
        $('.selectCity__list').append('<div class="selectCity__item">'+this+'</div>');
    });

问题是，我们还能用“;”分隔吗？并将它放在另一个具有不同类的 div 中而不破坏序列？我提前为愚蠢的问题道歉，我不擅长js

javascript

1 个回答

  1. Best Answer

    const divComma = document.querySelector('.comma');
const divSemicolon = document.querySelector('.semicolon');
const pastItem = (target, txt, cls) => target.insertAdjacentHTML('beforeend', `<li class="${cls}">${txt.replace(/[,;]$/, '')}</li>`);

'aa,bb,cc;dd,ee,ff;gg;hh,ii;'.match(/[^;,]+[,;]/g).forEach(s => {
  if (s.indexOf(',') !== -1) {
    pastItem(divComma, s, 'selectCity__list');
  } else {
    pastItem(divSemicolon, s, 'selectCity__groups');
  }
});
    .selectCity__list {
  color: #060;
}

.selectCity__groups {
  color: #f00;
}
    <ul class="comma"></ul>
<ul class="semicolon"></ul>

    或者这个更可扩展的版本

    const pastItem = (d, txt) => d.target.insertAdjacentHTML('beforeend', `<li class="${d.cls}">${txt.replace(/[,;]$/, '')}</li>`);

const templ = {
  comma: {
    cls: 'selectCity__list',
    target: document.querySelector('.comma')
  },
  semicolon: {
    cls: 'selectCity__groups',
    target: document.querySelector('.semicolon')
  }
};

const str = 'aa,bb,cc;dd,ee,ff;gg;hh,ii;';
for (const match of str.matchAll(/(?<comma>[^;,]+[,])|(?<semicolon>[^;,]+[;])/g)) {
  for (const [k, txt] of Object.entries(match.groups)) {
    if (txt && templ.hasOwnProperty(k)) {
      pastItem(templ[k], txt);
    }
  }
}
    .selectCity__list {
  color: #060;
}

.selectCity__groups {
  color: #f00;
}
    <ul class="comma"></ul>
<ul class="semicolon"></ul>

    • 2

相关问题