React Native数组映射：去重并按key1字母序排序求助

嘿，这事儿其实分两步走就搞定了——先给数组去重，再按key1字段做字母排序，都是纯JS的操作，React Native里直接能用，我给你详细拆解下：

第一步：去除数组中的重复项 #

因为你处理的是JSON对象数组，不能直接用Set（对象引用不同就算内容一样也会被当成不同项），所以得靠唯一标识来判断重复。假设咱们用key1作为去重的判断依据（如果你的需求是按整个对象内容去重，后面我也会补充方法）：

方法1：保留第一个出现的重复项（推荐） #

用filter结合findIndex，只保留每个key1第一次出现的对象：

const originalArray = [/* 你的原始JSON数组 */];

// 去重逻辑：只保留key1第一次出现的元素
const uniqueArray = originalArray.filter((item, index, self) => {
  // 找当前item的key1在数组中第一次出现的索引
  return self.findIndex(element => element.key1 === item.key1) === index;
});

方法2：用Map快速去重（会保留最后一个出现的重复项） #

如果你想保留重复项里最后出现的那个，可以用Map的键唯一性来处理：

const uniqueArray = Array.from(
  new Map(originalArray.map(item => [item.key1, item])).values()
);

补充：按整个对象内容去重 #

要是你的需求是去掉完全相同的对象（而不是只看key1），可以把对象转成字符串作为标识：

const uniqueArray = Array.from(
  new Set(originalArray.map(item => JSON.stringify(item)))
).map(str => JSON.parse(str));

⚠️ 注意：这种方法依赖对象的属性顺序，要是两个对象内容一样但属性顺序不同，会被当成不同项。如果要避免这个问题，你可以先把对象的属性按固定顺序排序后再转字符串。

第二步：按key1字段字母顺序排序 #

去重之后，用数组的sort方法配合localeCompare来做字母排序，还能轻松处理大小写问题：

// 按key1字母排序（忽略大小写）
const sortedUniqueArray = uniqueArray.sort((a, b) => {
  const keyA = a.key1.toLowerCase();
  const keyB = b.key1.toLowerCase();
  // localeCompare能更好地处理特殊字符（比如带 accents 的字母）
  return keyA.localeCompare(keyB);
});

如果需要区分大小写排序，直接去掉toLowerCase()就行。

链式调用简化写法 #

你也可以把去重和排序写成链式调用，更简洁：

const processedArray = originalArray
  .filter((item, index, self) => self.findIndex(i => i.key1 === item.key1) === index)
  .sort((a, b) => a.key1.toLowerCase().localeCompare(b.key1.toLowerCase()));

这些方法都是标准ES6+的JavaScript特性，React Native完全支持，不需要额外安装依赖。你可以直接把这段代码集成到你的组件逻辑里，比如在useEffect里处理数据，或者在状态更新的时候处理。

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