使用sort()排序数组后console.log显示顺序错误，如何解决？

这是浏览器控制台一个常见的“坑”——引用类型的延迟求值。让我给你拆解原因和解决方案：

问题根源 #

你使用的Array.sort()是原地排序方法，它会直接修改原数组inventors，而outputThree只是原数组的引用。当你调用console.log(outputThree)时，浏览器控制台并没有立刻把数组的所有内容都打印出来，而是先记录了这个数组的内存引用。受控制台的优化机制影响，有时候预览的列表会显示排序前的旧状态，但实际数组已经完成排序——这就是为什么你打印单个元素（outputThree[0]）和用console.table显示都是正确的（这两种方式会立刻序列化数组内容）。

快速解决方案 #

要让console.log显示正确的排序结果，你只需要在打印时创建数组的浅拷贝，这样控制台会立刻序列化拷贝后的数组内容，不会再受原数组引用的影响。这里有几种简单的实现方式：

方式1：使用扩展运算符（推荐） #

console.log([...outputThree]);

方式2：使用slice()方法 #

console.log(outputThree.slice());

方式3：使用Array.from() #

console.log(Array.from(outputThree));

如果数组里的元素是嵌套层级较深的复杂对象，你可以用JSON.parse(JSON.stringify())实现深拷贝，不过对于你的案例，浅拷贝完全足够：

console.log(JSON.parse(JSON.stringify(outputThree)));

验证修改后的代码 #

把你的代码改成这样就能看到正确的console.log结果了：

const inventors = [
  { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
  { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
  { first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
  { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
  { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
  { first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 },
  { first: 'Max', last: 'Planck', year: 1858, passed: 1947 },
  { first: 'Katherine', last: 'Blodgett', year: 1898, passed: 1979 },
  { first: 'Ada', last: 'Lovelace', year: 1815, passed: 1852 },
  { first: 'Sarah E.', last: 'Goode', year: 1855, passed: 1905 },
  { first: 'Lise', last: 'Meitner', year: 1878, passed: 1968 },
  { first: 'Hanna', last: 'Hammarström', year: 1829, passed: 1909 }
];
const outputThree = inventors.sort((a , b) => a.year - b.year )
console.table(outputThree)
console.log([...outputThree]) // 创建数组拷贝后打印
console.log(outputThree[0])

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