2

我正在自学 JavaScript，我从阅读教程和书籍（如 Eloquent）和文章（例如 Medium）开始。我也在做一些免费的课程，特别是两个：freeCodeCamp 和 CodeAcademy。

今天我不得不面对 CodeAcademy 上的联系人列表练习，我不确定我是否理解正确。

经过一些提示，这是我想出的最终代码：

var friends = {
  bill: {
    firstName: "Bill",
    lastName: "Gates",
    number: "555 555 555",
    address: ["One Miscrosoft Way", "Redmond", "WA", "98052"]
  },
  steve: {
    firstName: "Steve",
    lastName: "Jobs",
    number: "333 333 333",
    address: ["Apple's street", "Silicon Valley", "SV", "87368"]
  }
};

var list = function(friends) {
  for (var firstName in friends) {
    console.log(firstName);
  }
};

var search = function(name) {
  for (var key in friends) {
    if (friends[key].firstName === name) {
      console.log(friends[key]);
      return friends[key];
    }
  }
};

list(friends);
search("Steve");
.as-console-wrapper { max-height: 100% !important; top: 0;  }

我理解了 var friends 对象和第一个函数。但是第二个功能呢？如果他们不在联系人列表中，为什么我需要使用“姓名”和“关键”词。你能解释一下代码的真正作用吗？

此外，在练习结束时，CodeAcademy 将这个最终代码用于执行我想象的操作：

list(friends);
search("Steve");

它到底是什么？

4

3 回答 3

0

请参阅：for...in 循环

// basically the same thing as doing 
// function search(name){...}
// this just creates a function in this scope
var search = function(name) {

    // for..in loop loops through the property 
    // names in the friends object
    for (var key in friends) {

        // "key" has the value of either "steve" or "bill"
        // if key === steve then friends[key] is the same 
        // thing as doing friends.steve

        // if friends.steve.firstName === name
        if (friends[key].firstName === name) {
            console.log(friends[key]);
            return friends[key];
        }
    }
};
于 2016-12-28T14:22:24.170 回答
0

好的，所以你有 var friends 是一个对象，它包含每个也是对象的“朋友”。var friends 中的每个单独的朋友对象都包含属性（名字、姓氏等）

var search = function(name) {
    for (var key in friends) {
        if (friends[key].firstName === name) {
            console.log(friends[key]);
            return friends[key];
        }
    }
};

这似乎是你迷路的地方。好的，所以您创建搜索并将其设置为函数。在函数内部传递名称，此处引用friends[key].firstname === name。[key] 实际上引用了 'friends' 中的每一个 'friend' 属性，因此例如 bill 就是一个键。所以它会查看这些键中的每一个（bill、steve 等）并将它的 firstname 设置为 name，这是之前传递的。因此，当您使用该函数时，search("Steve");它实际上会在该对象列表中找到他并返回“史蒂夫”具有的所有属性，例如名字地址等。

基本上可以总结一下。函数中传递的“姓名”只允许您搜索“朋友”，而 [key] 将允许 for 循环搜索朋友的所有键。

于 2016-12-28T14:28:43.627 回答
0

那么在这个函数中：

var search = function(name) {
    for (var key in friends) {
        if (friends[key].firstName === name) {
            console.log(friends[key]);
            return friends[key];
        }
    }
};

变量在每次迭代中key引用对象的每个键friends，这意味着它的值在第一次迭代中是'bill'，在第二次迭代中是'steve'。

name是这个函数的一个参数，在search函数执行之前它没有实际值search('Steve')，看你给它赋值'Steve'。

因此，list(friends)在控制台中打印 'bill' 和 'steve'，search('Steve')并将打印此对象：

{
    firstName: "Steve",
    lastName: "Jobs",
    number: "333 333 333",
    address: ["Apple's street", "Silicon Valley", "SV", "87368"]
}

并返回它。

于 2016-12-28T14:31:03.613 回答