javascript - if else 语句 javascript 返回 false 语句

Question

有人可以帮我处理这段代码吗，我正在尝试编写一个从对象中获取名称并返回名称标签的函数:“嗨!我是[姓名]，来自[国家/地区]。”

我试过这段代码

const GUEST_LIST = {
    Randy: "Germany",
    Karla: "France",
    Wendy: "Japan",
    Norman: "England",
    Sam: "Argentina"
}

function greeting(name) {
  var x = Object.keys(GUEST_LIST);
  const array = Object.keys(GUEST_LIST)
    .map(function(key) {
        return GUEST_LIST[key];
    });
  
  
  var txt ="";
  for (let i in x)
    {
      if (name === x[i])
        {
          txt = "Hi I'm "+x[i] +", and I'm from " +array[i];  
        }
      else
        {
          txt = "Hi! I'm a guest";
        }
      
    }
     return txt;
}
console.log(greeting("Randy"))

但它总是返回“嗨!我是客人”，除非我输入 Sam，

Answer 1

您的问题是，您的 for 循环将继续循环遍历 x 数组中的其他名称，即使您从数组中找到与您传递给函数的名称相匹配的名称也是如此。这意味着在 for 循环的进一步迭代中，您的代码的 else block 将运行并覆盖先前设置的 txt 的值。这就是“Sam”起作用的原因，因为它是 x 数组中的姓氏，因此 txt 不会被 for 循环的进一步迭代覆盖。

关于您的代码的另一件事需要注意，for...in loop shouldn't be used to iterate over an array .它可能会导致访问不需要的值，因为它不仅遍历数组的索引，还遍历其他属性。

话虽这么说，但您对代码进行了过度设计。目前，您的对象存储键值对。键是名称，值是国家。对于对象中的每个键，您可以使用 bracket-notation 访问它:

console.log(GUEST_LIST["Randy"]); // Germany

考虑到这个想法，您的 name 变量可以用作对象的键，然后可以使用它来获取国家/地区。如果 GUEST_LIST 对象不包含您的 key (即:尝试从您的对象访问 key 返回的值是假的)，那么您可以返回您的默认 "Hi! I'm a guest" 文字:

const GUEST_LIST = {
  Randy: "Germany",
  Karla: "France",
  Wendy: "Japan",
  Norman: "England",
  Sam: "Argentina"
};

function greeting(name) {
  const country = GUEST_LIST[name];
  if(country)
    return "Hi I'm "+name +", and I'm from " +country; 
  else
    return "Hi! I'm a guest";
}
console.log(greeting("Randy"));