如何按字母顺序对对象数组进行排序（数字除外）？

Question

我有这个数组：

sampleArray = [
  {name: 'product-2'},
  {name: 'product-15'},
  {name: 'product-3'},
  {name: 'product-10'}
]

我想使用属性name对其进行排序，按字母顺序排列，字符串中的数字除外。

我将sort与localeCompare结合使用：

sampleArray.sort((a, b) => a.name.localeCompare(b.name))

但是，由于name是一个包含数字的字符串，我得到了这个：

sampleArray = [
  {name: 'product-10'},
  {name: 'product-15'},
  {name: 'product-2'},
  {name: 'product-3'}
]

考虑到数字，我还需要以正确的顺序获取它。 这会是什么：

sampleArray = [
  {name: 'product-2'},
  {name: 'product-3'},
  {name: 'product-10'},
  {name: 'product-15'}
]

我知道如果我只使用数字，我可以做到：

sampleArray.sort((a,b) => a - b)

但事实并非如此。

我该如何解决这个问题？

Answer 1

您已经成功了一半， String#localeCompare接受了一个选项，您可以在其中对字符串使用自然排序。

 const array = [{ name: 'product-2' }, { name: 'product-15' }, { name: 'product-3' }, { name: 'product-10' }]; array.sort((a, b) => a.name.localeCompare( b.name, undefined, { numeric: true, sensitivity: 'base' } )); console.log(array);