If / Else逻辑顺序-Javascript示例-请解释这两个代码块之间的区别

Question

我花了几个小时试图理解这一点-我知道这与if ... else语句的逻辑顺序有关，但是每次我尝试遵循时，我都会迷路。 有人请向我解释一下，如果可能的话，请给我一个如何处理……其他逻辑顺序的指针（记住的一种hack /快速方法，例如：“总是从更大的样本空间开始……”）

这里是：

任务如下：在联系人列表中，我们有一个对象数组，代表不同的人。

已经为您预先编写了以firstName和属性（prop）作为参数的lookUpProfile函数。

该函数应检查firstName是否是实际联系人的firstName，并且给定属性（prop）是该联系人的属性。

如果两者都为真，则返回该属性的“值”。

如果firstName与任何联系人都不对应，则返回“无此联系人”

如果prop不对应于任何有效属性，则返回“ No such property”

码

该代码是错误的

  var contacts = [ { "firstName": "Akira", "lastName": "Laine", "number": "0543236543", "likes": ["Pizza", "Coding", "Brownie Points"] }, { "firstName": "Harry", "lastName": "Potter", "number": "0994372684", "likes": ["Hogwarts", "Magic", "Hagrid"] }, { "firstName": "Sherlock", "lastName": "Holmes", "number": "0487345643", "likes": ["Intriguing Cases", "Violin"] }, { "firstName": "Kristian", "lastName": "Vos", "number": "unknown", "likes": ["Javascript", "Gaming", "Foxes"] } ]; function lookUpProfile(firstName, prop){ for(var i=0;i < contacts.length;i++){ if (contacts[i].hasOwnProperty(prop)) { if(contacts[i].firstName === firstName){ return contacts[i][prop]; } else { return "No such contact"; } } // Only change code above this line } return "No such property"; } // Change these values to test your function console.log(lookUpProfile("Harry", "likes")); 

该代码是正确的：

  var contacts = [ { "firstName": "Akira", "lastName": "Laine", "number": "0543236543", "likes": ["Pizza", "Coding", "Brownie Points"] }, { "firstName": "Harry", "lastName": "Potter", "number": "0994372684", "likes": ["Hogwarts", "Magic", "Hagrid"] }, { "firstName": "Sherlock", "lastName": "Holmes", "number": "0487345643", "likes": ["Intriguing Cases", "Violin"] }, { "firstName": "Kristian", "lastName": "Vos", "number": "unknown", "likes": ["Javascript", "Gaming", "Foxes"] } ]; function lookUpProfile(firstName, prop){ for(var i=0;i < contacts.length;i++){ if (contacts[i].firstName === firstName) { if(contacts[i].hasOwnProperty(prop)){ return contacts[i][prop]; } else { return "No such property"; } } // Only change code above this line } return "No such contact"; } // Change these values to test your function console.log(lookUpProfile("Harry", "likes")); 

如果有人可以帮助我解释这些差异，我将不胜感激。 先感谢您！

Answer 1

这些代码的区别是使用if条件。 在失败的代码中，如果用户名与参数传递的名称不匹配，则说明您正在从函数中返回。 因此，当第一个项目不匹配时，它将返回。

if (contacts[i].hasOwnProperty(prop))
  { 
    //INCORRECT USE OF NAME CHECK IF CONDITION
    if(contacts[i].firstName === firstName){
      return contacts[i][prop];
    }
    else {
      return "No such contact";
    }

  }

在第二个中，您将仅在名字匹配时返回。

//CORRECT USE OF IF CONDITION FOR NAME CHECK
if (contacts[i].firstName === firstName)
      {
        if(contacts[i].hasOwnProperty(prop)){
          return contacts[i][prop];
        }
        else {
          return "No such property";
        }

      }

Answer 2

    if (contacts[i].hasOwnProperty(prop))
      {
        if(contacts[i].firstName === firstName){
          return contacts[i][prop];
        }
        else {
          return "No such contact";
        }

所以，当它遇到一个接触likes ，但firstName不等于“哈利”，则返回“没有这样的接触”马上。

Answer 3

如果对象包含指定的属性，则hasOwnProperty()方法返回true或false。 在正确的版本中，您正在Harry中寻找一个返回true的属性（喜欢）。 在无效对象中，您正在寻找一个尚未指定的对象的属性，因此该属性始终为false。