Javascript:搜索键以返回值

Question

嗨，我正在用 javascript 做一个:数据将是 map 。关键是搜索目标。如果您在数据中找到该目标，请返回该单词的值并将其显示在您的页面上。

我无法使其搜索功能正常工作。就像，如果我想搜索哈利，它应该给我结果“一个古老的英语单词”。

有什么办法可以解决这个问题吗？

function myfunction() {
  var data = new Map();
  data.set("Harry", "something.");
  data.set("Corhoo", "corn.");
  data.set("Elephant", "big ");

  var keys = Object.keys(data);

  //Need help with this loop, to get the search work
  for (var i = 0; i < keys.length; i++) {
    var key = keys[i];
    if (keys[i] == "Harry") {
      document.getElementById("result").innerHTML = data.get("Harry");
    }
    //console.log(data[keys[i]]);
  }
}

Enter: <input type="text" />
<p id="result"></p>
<p id="result2"></p>
<input type="button" value="SearchIt" onclick="myfunction()" />

Answer 1

为什么要使用循环？最好使用 Map.proptype.has 方法:

Enter: <input type="text" id="key"/>
<p id="result"></p>
<p id="result2"></p>
<input type="button" value="SearchIt" onclick="search()" />

var data = new Map();
data.set("Harry", "An old English word that means Potter.");
data.set("Corhoo", "The Gaelic version of America Cornhole.");
data.set("Elephant", "A largest plant resembling an Ele");

function search(key) {

  var key = document.getElementById('key').value;
  var result = document.getElementById("result");

  if(data.has(key)) {
      result.innerHTML = data.get(key);
  } else {
      result.innerHTML = "No key found";
  }
}