如何移除JavaScript数组处理后结果的末尾分号？

问题描述 #

我有如下JavaScript数组，当前通过map、filter和join方法处理数组：筛选出带有checked属性的对象，将其role、license、DC、managedGeography、managedSegment属性拼接为以;\n结尾的字符串，过滤空字符串后拼接所有结果。现在需要移除最后一个结果末尾的分号，请问该如何实现？

原始代码示例 #

const arr = [
    {"id": "753311", "role": "System Of Record (SOR)", "license": "Target", "DC": "Client · L2 (Inactive), Account · L1", "managedGeography": "North America · L2, International · L2", "managedSegment": "Institutional Clients Group [L3], Discontinued Ops [L2]", "checked": true, "checkBoxPatched": true},
    {"id": "752872", "role": "Authorized Redistributor (AR)", "license": "Interim", "DC": "Holding · L1, Document · L1, Compliance · L1", "managedGeography": "Unspecified", "managedSegment": "Unspecified", "checked": true, "checkBoxPatched": true},
    {"id": "752583", "role": "Authorized Redistributor (AR)", "license": "Target", "DC": "Agreement · L1, Asset · L1, Activity · L1, Account · L1", "managedGeography": "Unspecified", "managedSegment": "Unspecified"}
]

let adsList = arr.map(selectedObj => {
        if (selectedObj.checked) {
          return selectedObj.role + ", " + selectedObj.license + ", " + selectedObj.DC + ", " + selectedObj.managedGeography + ", " + selectedObj.managedSegment + ";\n"
        } else {
          return '';
        }
      }).filter((str) => str.length !== 0).join('\n');
      
 console.log(adsList)     

解决方案 #

方法一：优化拼接逻辑（推荐） #

先筛选出带checked的对象，再将每个对象的目标属性拼接成无分号的字符串，最后用;\n作为分隔符连接所有项。这种方式从根源避免了多余分号的产生，逻辑更清晰：

const arr = [
    {"id": "753311", "role": "System Of Record (SOR)", "license": "Target", "DC": "Client · L2 (Inactive), Account · L1", "managedGeography": "North America · L2, International · L2", "managedSegment": "Institutional Clients Group [L3], Discontinued Ops [L2]", "checked": true, "checkBoxPatched": true},
    {"id": "752872", "role": "Authorized Redistributor (AR)", "license": "Interim", "DC": "Holding · L1, Document · L1, Compliance · L1", "managedGeography": "Unspecified", "managedSegment": "Unspecified", "checked": true, "checkBoxPatched": true},
    {"id": "752583", "role": "Authorized Redistributor (AR)", "license": "Target", "DC": "Agreement · L1, Asset · L1, Activity · L1, Account · L1", "managedGeography": "Unspecified", "managedSegment": "Unspecified"}
]

// 先筛选checked对象，再拼接每个对象的属性，最后用';\n'连接
let adsList = arr
  .filter(obj => obj.checked)
  .map(obj => `${obj.role}, ${obj.license}, ${obj.DC}, ${obj.managedGeography}, ${obj.managedSegment}`)
  .join(';\n');

console.log(adsList);

方法二：处理最终字符串 #

如果不想修改原有链式调用的结构，可以在得到结果后，移除最后一个分号。需要注意空数组的边界情况：

const arr = [
    {"id": "753311", "role": "System Of Record (SOR)", "license": "Target", "DC": "Client · L2 (Inactive), Account · L1", "managedGeography": "North America · L2, International · L2", "managedSegment": "Institutional Clients Group [L3], Discontinued Ops [L2]", "checked": true, "checkBoxPatched": true},
    {"id": "752872", "role": "Authorized Redistributor (AR)", "license": "Interim", "DC": "Holding · L1, Document · L1, Compliance · L1", "managedGeography": "Unspecified", "managedSegment": "Unspecified", "checked": true, "checkBoxPatched": true},
    {"id": "752583", "role": "Authorized Redistributor (AR)", "license": "Target", "DC": "Agreement · L1, Asset · L1, Activity · L1, Account · L1", "managedGeography": "Unspecified", "managedSegment": "Unspecified"}
]

let adsList = arr
  .map(selectedObj => {
    if (selectedObj.checked) {
      return `${selectedObj.role}, ${selectedObj.license}, ${selectedObj.DC}, ${selectedObj.managedGeography}, ${selectedObj.managedSegment};\n`;
    } else {
      return '';
    }
  })
  .filter(str => str.length !== 0)
  .join('\n');

// 移除最后一个分号：先去掉末尾换行，再去掉最后的分号，最后加回换行（如果有内容）
if (adsList) {
  adsList = adsList.trimEnd().slice(0, -1) + '\n';
}

console.log(adsList);

方法三：使用正则替换 #

通过正则表达式匹配最后一个分号并替换为空，同样要考虑空结果的情况：

// 承接原始代码的adsList生成逻辑后
adsList = adsList.replace(/;\n$/, '\n');

内容的提问来源于stack exchange，提问作者Mitul Panchal