React中如何按ID排序对象数组，实现新内容置顶？

核心思路是利用数组的sort()方法，通过比较帖子ID的大小，让ID更大的新内容排在数组最前面，渲染时自然就显示在顶部了。

基础实现（ID为数字类型） #

假设你的帖子数组结构如下，每个帖子对象包含递增的id字段（新发布的帖子ID比旧的大）：

// 示例帖子数组
const posts = [
  { id: 1, content: "这是旧帖子1" },
  { id: 2, content: "这是旧帖子2" },
  { id: 5, content: "刚发布的新帖子" }
];

// 按ID降序排序，新帖子排前面
const sortedPosts = posts.sort((postA, postB) => postB.id - postA.id);

sort()的比较函数中，postB.id - postA.id会让ID更大的元素优先排在数组头部。

框架开发注意事项（如React/Vue） #

直接调用sort()会修改原数组，可能引发不可预期的渲染问题，建议先解构原数组创建副本再排序：

// React中推荐写法，避免修改原状态数组
const sortedPosts = [...posts].sort((postA, postB) => postB.id - postA.id);

特殊情况处理 #

如果你的ID是数字字符串（比如"1"、"2"），需要先转换为数字再比较：

const sortedPosts = [...posts].sort((postA, postB) => Number(postB.id) - Number(postA.id));

如果是UUID这类非数字ID，建议在帖子对象中加入createTime（创建时间戳）字段，用时间戳来排序，逻辑和ID排序一致：

const sortedPosts = [...posts].sort((postA, postB) => postB.createTime - postA.createTime);

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