js 数组对象 排序相同的属性

有时候我们需要把相同的参数放一起，比如下面数组对象中，我们需要把spec相同的参数放一起怎么做呢？

let arr=[
        {
          name: "蓝色",
          spec: "颜色",
        },
        {
          name: "少年",
          spec: "适用人群",
        },
        {
          name: "黑色",
          spec: "颜色",
        },
        {
          name: "年轻人",
          spec: "适用人群",
        },
        {
          name: "111",
          spec: "规格a",
        },
        {
          name: "222",
          spec: "规格a",
        },
        {
          name: "aaa",
          spec: "规格aa",
        },
        {
          name: "bbb",
          spec: "规格aa",
        },
      ]
      arr.sort((a,b)=>{
        if(a['spec']!=b['spec']){
          return a['spec'].localeCompare(b['spec']);
        }
      })
      console.log(arr)

localeCompare是什么东西？

定义：用本地特定的顺序来比较两个字符串。

语法：stringObject.localeCompare(target)

参数：target——要以本地特定的顺序与 stringObject 进行比较的字符串。

返回值

1、如果 stringObject 小于 target， localeCompare() 返回小于 0 的数。

2、如果 stringObject 大于 target，localeCompare() 返回大于 0 的数。

3、如果两个字符串相等，localeCompare() 返回 0。