javascript - 如何在区分大小写的情况下按字母顺序对元素进行排序

Question

有这个简单的函数来计算字母频率

function getFreq(str){
  var freq={};
  str.replace(/[a-z A-Z]/g, function(match){
    freq[match] = (freq[match] || 0) + 1;
    return match;
  });
  console.log(JSON.stringify(freq));
  return freq;
  
}

<input type="text" onchange="getFreq(this.value);" />

输入示例:Hello World

输出:

{"H":1,"e":1,"l":3,"o":2," ":1,"W":1,"r":1,"d":1}

预期输出:

{"d":1,"e":1,"l":3,"o":2,"r":1,"H":1,"W":1," ":1}  

-----小写，然后是大写，最后是空格

我尝试使用 console.log(JSON.stringify(freq.sort())); 对结果进行排序，但没有成功。

Answer 1

您的代码中没有对任何内容进行排序的内容。从 ES2015 开始，对象属性将按照它们创建的顺序进行序列化(除了看起来像数组索引的东西)，但这通常没有用。当你想要订单时，使用数组。查看评论:

// Let's use modern event handling
document.getElementById("btn").addEventListener("click", function() {
  getFreq(document.getElementById("field").value);
}, false);

function getFreq(str){
  var freq={};
  str.replace(/[a-z A-Z]/g, function(match){
    freq[match] = (freq[match] || 0) + 1;
    return match;
  });
  // Build an array with the results in string order by splitting it
  // and then mapping letters to objects with the frequency
  var result = [];
  str.split("").forEach(function(letter) {
    if (freq.hasOwnProperty(letter)) {
      result.push({letter: letter, freq: freq[letter]});
    }
  });
  console.log(result);
}

<input type="text" value="Hello world" id="field">
<input type="button" id="btn" value="Run">

---

技术上，您可以使用对象生成所需的输出，因为您只使用单字母字母字符串作为键，并且从 ES2015 开始，这些字符串将按照它们出现的顺序进行字符串化添加到对象中。 (从 ES2015 开始，JSON.stringify 确实 遵循属性顺序。)但它之所以有效，是因为您忽略了数字；如果包含数字，它们将不会按您想要的顺序出现(数字将按数字顺序出现在字母之前)。

纯粹用于学术目的(需要兼容 ES2015 的浏览器):

// NOT A GOOD IDEA

document.getElementById("btn").addEventListener("click", function() {
  getFreq(document.getElementById("field").value);
}, false);

function getFreq(str){
  var freq={};
  str.replace(/[a-z A-Z]/g, function(match){
    freq[match] = (freq[match] || 0) + 1;
    return match;
  });
  // Build an object with the results in string order by splitting it
  // and then adding properties to an object in order
  var result = {};
  str.split("").forEach(function(letter) {
    result[letter] = freq[letter];
  });
  console.log(JSON.stringify(result));
}

<input type="text" value="Hello world" id="field">
<input type="button" id="btn" value="Run">

但是，同样，这依赖于您仅使用字母字符的假设。