.sort() 对多个文本和数字数组表现得很奇怪

Question

我一直在搞乱 .sort() 和 .concat() 函数，试图将多个数字和文本数组合并为一个并按时间顺序排列。如果只将数字输入到数组中，它似乎工作正常，但是一旦有文本，它似乎就会随机放置，在这种情况下在 6 到 7 之间。此外，如果我从数组中删除数字 3，则数字 4在文本之后出现乱序，都在 9 到 10 之间。如果有人可以提供帮助，我不知道为什么会这样做。

只有数字：

var multiArray = [[2, 8, 1, 7, 9], [6, 3, 5, 4, 10]];

// returns 1,10,2,3,4,5,6,7,8,9
document.write(multiArray[0]
           .concat(multiArray[1])
           .sort() 
           +"<br/>");

 // returns 1,2,3,4,5,6,7,8,9,10
document.write(multiArray[0]
               .concat(multiArray[1])
               .sort((a,b)=>a-b) 
               +"<br/>"); 

还有文字

var multiArray = [[2, 8, 1, 7, 9], [6, 3, 5, "text", 4, 10]];

// returns 1,2,3,4,5,6,text,7,8,9,10
document.write(multiArray[0]
               .concat(multiArray[1])
               .sort((a,b)=>a-b) 
               +"<br/>"); 

没有3

var multiArray = [[2, 8, 1, 7, 9], [6, 5, "text", 4, 10]];

// returns 1,2,5,6,7,8,9,text,4,10
document.write(multiArray[0]
               .concat(multiArray[1])
               .sort((a,b)=>a-b) 
               +"<br/>"); 

Answer 1

首先，将所有数组合并到一个数组中

var multiArray = [[2, 8, 1, 'foo', 7, '1', 9], [6, 5, 'text', 4, 'bar', 10]];
var flattenArray = [].concat(...multiArray);        // [ 2, 8, 1, 'foo', 7, '1', 9, 6, 5, 'text', 4, 'bar', 10 ]

然后分别对数字和字符串进行排序

const sortedNumbers = flattenArray
    .filter(n => typeof n === 'number')
    .sort((a, b) => a - b);

const sortedStrings = flattenArray
    .filter(n => typeof n === 'string')
    .sort();

最后，合并两者

const sorted = sortedNumbers.concat(sortedStrings);     // [ 1, 2, 4, 5, 6, 7, 8, 9, 10, '1', 'bar', 'foo', 'text' ]

我假设你想要数字后面的字符串。否则，只需反转串联：

const sorted = sortedStrings.concat(sortedNumbers);