JavaScript添加元素后排序数组返回空数组，如何解决？

云原生阿岚

2026-8-12

问题分析与修复方案

核心问题

你得到空数组的原因是**splice()方法的返回值特性**：

splice()会直接修改原数组，但它的返回值是被删除元素组成的数组。你用splice(0, 0, ...)是往数组开头插入元素，没有删除任何内容，所以splice返回空数组，后续的sort自然也是在空数组上执行，最终输出空。
另外，你用a.label - b.label做字符串排序是错误的，这是数字排序的写法，字符串排序需要用localeCompare()。

修复方案1：拆分操作，避免链式调用踩坑

先把map的结果存起来，再执行插入和排序：

const array = [{id: '3', name: 'name1'},
                {id: '4', name: 'name2'},
               {id: '5', name: 'name3'}]

// 先转换格式
const mappedArray = array.map(sp => ({ label: sp.name, value: sp.id }));
// 插入空元素
mappedArray.splice(0, 0, { label: '', value: '' });
// 正确排序字符串
const items = mappedArray.sort((a, b) => a.label.localeCompare(b.label));

console.log(items);

修复方案2：用`concat`实现链式调用（更优雅）

concat会返回新数组，不会修改原数组，适合链式操作：

const array = [{id: '3', name: 'name1'},
                {id: '4', name: 'name2'},
               {id: '5', name: 'name3'}]

const items = [{ label: '', value: '' }]
  .concat(array.map(sp => ({ label: sp.name, value: sp.id })))
  .sort((a, b) => a.label.localeCompare(b.label));

console.log(items);