如何简化从字符串数组右侧移除空元素的代码实现？

嘿，这个需求完全可以用非常简洁的方式搞定，不用堆砌一堆if判断或者复杂的额外结构，我给你分享两种实用的思路：

方法一：利用ES2022的findLastIndex（推荐） #

这个方法直接从数组末尾往前查找第一个非空字符串的位置，然后基于这个位置截取数组即可，逻辑非常直观：

const trimRightEmptyStrings = arr => {
  // 从后往前找第一个不是空字符串的元素索引
  const lastNonEmptyIdx = arr.findLastIndex(str => str !== '');
  // 全空则返回空数组，否则截取到目标索引+1的位置
  return lastNonEmptyIdx === -1 ? [] : arr.slice(0, lastNonEmptyIdx + 1);
};

测试案例： #

• 输入 ['a', '', 'b', '', ''] → 输出 ['a', '', 'b']
• 输入 ['', '', 'x'] → 输出 ['', '', 'x']（左侧空元素保留）
• 输入 ['', '', ''] → 输出 []

这种方式几乎没有冗余判断，findLastIndex本身就帮我们完成了核心的查找逻辑，而且只创建了最终需要返回的新数组，没有额外的中间结构开销。

方法二：兼容旧环境的反转查找方案 #

如果你的运行环境不支持findLastIndex（比如一些旧版浏览器），可以用数组反转结合findIndex来实现，同样简洁：

const trimRightEmptyStrings = arr => {
  // 复制并反转数组，避免修改原数组
  const reversedArr = [...arr].reverse();
  // 在反转后的数组里找第一个非空元素的位置
  const firstNonEmptyIdx = reversedArr.findIndex(str => str !== '');
  // 全空返回空数组，否则截取后再反转回来
  return firstNonEmptyIdx === -1 ? [] : reversedArr.slice(firstNonEmptyIdx).reverse();
};

这个方案只是多了一次反转操作，但依然没有复杂的分支判断，逻辑同样清晰。

总的来说，这两种方案都完美符合你的需求：保留左侧空元素、移除右侧空元素、全空数组返回空，而且代码简洁易读，没有多余的结构或判断。

内容的提问来源于stack exchange，提问作者Mirek Długosz