JavaScript数组元素输出换行问题：以Ա/ա开头元素无法换行

首先说下你原代码里的两个问题：

• 数组去重排序的逻辑aremove = [...new Set(aremove)].sort()被放在了for循环内部，这会导致每次循环都重复处理数组，完全没必要，应该提前处理好数组再遍历。
• 用createTextNode添加内容时，直接拼接<br>会被当成纯文本输出；而aremove[i]是单个字符串，调用数组方法join自然会报错。

下面给你两种可行的解决办法：

方法一：逐个添加文本节点+换行元素 #

先提前处理好数组，遍历过程中每添加一个文本节点，就追加一个<br>元素实现换行：

// 提前完成去重排序，仅执行一次
const processedArray = [...new Set(aremove)].sort();
const pElement = document.getElementById("p");

for (let i = 0; i < processedArray.length; i++) {
  if (/^[Աա]/.test(processedArray[i])) {
    // 添加目标文本节点
    pElement.appendChild(document.createTextNode(processedArray[i]));
    // 创建并添加换行元素
    pElement.appendChild(document.createElement('br'));
  }
}

方法二：先收集内容再一次性赋值（更高效） #

先把所有符合条件的元素收集到数组中，再用join('<br>')拼接成带换行的字符串，最后通过innerHTML一次性赋值给段落标签，减少DOM操作次数：

// 链式处理：去重→排序→过滤符合条件的元素
const targetWords = [...new Set(aremove)]
  .sort()
  .filter(word => /^[Աա]/.test(word));

// 拼接成带换行的字符串并赋值
document.getElementById("p").innerHTML = targetWords.join('<br>');

另外建议把var换成let/const，避免变量提升带来的潜在问题。

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