如何在JavaScript中对包含字母和数字字符串的数组进行排序

Question

我正在开发一个Web应用程序，该应用程序可以让您测试选择职业，它会提出90个问题，并且根据您的回答，它将显示最适合您的职业的前三个选项的列表。

过程：

var vars = [ calc, cFis, CBio]; //array of variables with numeric values of test results.
var keys = object.keys(vars);
var newArray = [];
var names = ['Cálculo', 'Cientifico - Físico', ect]; //array of the names of the professional abilities

//first sorting the array
keys.sort(function(a,b) {
    return vars[b] - vars[a];
});
//create newArray whit the results
keys.forEach(function(key) {
    newArray.push(names[key] + ' : ' + vars[key]);
});
//print results
document.getElementById('primero').innerHTML = newArray[0];
document.getElementById('segundo').innerHTML = newArray[1];
document.getElementById('tercero').innerHTML = newArray[3];

它会显示：

Cálculo : 60
Cientifico - Físico : 45
ect.

问题

必须使用预定义值表将vars[key]近似为一个百分比，如下所示：

Cálculo test points are between  60 - 65 then % must be 80%

现在要打印的字符串必须像： Cálculo : 80%现在为Cálculo : 80% ，假设我有3个职业和3个不同的％值， Cálculo : 80% ， C - Fisico : 60% ， art : 30%我必须按以下顺序显示其％值如下：

Cálculo : 80% C - Físico : 60% Art : 30%

有没有一种方法可以获取字符串中的数字字符，以便按数字顺序对数组进行排序？ 像上面的例子一样？

我正在尝试一种称为自然排序的方法，但是它总是使用数字值之前的字母值对数组进行排序。 喜欢：

Art : 30% Cálculo : 80% C - Físico 60%

Answer 1

您可以做的一件事是将字符串转换为数字（在末尾删除% ），然后以降序对数组进行排序：

 var arr = ["Art : 30%", "Cálculo : 80%", "C - Físico: 60%"]; arr.sort(function(a, b){ // Substring between ": <substring here>%". a = +a.substring(a.indexOf(":")+1, a.length - 1); b = +b.substring(b.indexOf(":")+1, b.length - 1); return b - a; // decending order }); console.log(arr); 

对于诸如"Art : 30%"您需要在索引":"+1处开始子字符串。

---

执行此操作的另一种方法是使用正则表达式，使用.match(/\\d+/g)匹配字符串中的数字，以返回仅包含数字的字符串。

 var arr = ["Art : 30%", "Cálculo : 80%", "C - Físico: 60%"]; arr.sort(function(a, b) { a = +a.match(/\\d+/g); b = +b.match(/\\d+/g); return b - a; }); console.log(arr); 

请注意使用第二种方法，如果使用的数字不是百分数，则该方法将无效。 例如，如果一个是"Art1 : 30%"则第二种方法将不起作用。 解决该问题的一种方法是使用/\\d+%/g ，然后最后删除% 。