Javascript数组排序常规字符串和数字字符串

Question

我有一个数组，它可能只是一个字符串列表，也可能只是一个数字字符串列表，即数组可能如下所示

let array = ['abc','def','aef','gfh']
             or
let array = ['123','456','192','412']

我希望有一个排序函数可以在这两种情况下处理自然排序，下面的代码似乎不能处理数字字符串，有没有办法处理这个问题？

    array.sort((a,b) => {
        if(a > b) return 1;
        if(a < b) return -1;
        return 0;
    });

Answer 1

您可以使用String#localeCompare() 方法执行此操作，例如：

let array = ['abc', 'def', 'aef', 'gfh']
array.sort((a, b) => a.localeCompare(b, undefined, { numeric: true }));
console.log(array)

array = ['123', '456', '192', '412', '5']
array.sort((a, b) => a.localeCompare(b, undefined, { numeric: true }));
console.log(array)

.as-console-wrapper { max-height: 100% !important; top: 0; }

正如docs 中提到的，对于数字排序，我们只需要使用{numeric: true} 选项。

// by default, "2" > "10"
console.log(["2", "10"].sort((a,b) => a.localeCompare(b))); // ["10", "2"]

// numeric using options:
console.log(["2", "10"].sort((a,b) => a.localeCompare(b, undefined, {numeric: true})));
// ["2", "10"]

Answer 2

您可以在sort函数中检查array中的元素是数字还是字符串。

isNaN(string) 检查会告诉您它是否不是数字：

function sortNumOrStr(array) {
  return array.sort((a, b) => isNaN(a) ? a.localeCompare(b) : +a - b);
}

let array = ['abc', 'def', 'aef', 'gfh']
console.log(sortNumOrStr(array));
array =  ['123', '456', '-90', '192', '412'];
console.log(sortNumOrStr(array));