JS对象数组按name键排序无效、按price_value键排序正常是什么原因？

• 你使用的a.name - b.name写法仅适用于数值类型排序：JS中的减号-运算符会自动将操作数转为数字计算，字符串类型的name/slug做减法会直接返回NaN
• Array.prototype.sort的回调如果返回NaN，会被判定为两个元素的排序优先级相等，数组会保持原有相对顺序不变，所以永远返回原数组第一个元素Road Bike

字符串对比需要用String.prototype.localeCompare()方法，示例代码如下：

// 按name排序
let br = [...arr].sort((a, b) => a.name.localeCompare(b.name))[0].name;
console.log(br) // 输出Laptop，符合预期

// 按slug排序同理
let brSlug = [...arr].sort((a, b) => a.slug.localeCompare(b.slug))[0].name;
console.log(brSlug) // 输出Laptop

如果需要支持中文、特殊字符等场景，还可以给localeCompare传参数调整排序规则：

// 示例：按中文拼音排序
a.中文名.localeCompare(b.中文名, 'zh-CN')

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