FreeCodeCamp筆記之:Where art thou

作者: delphuy | 来源:发表于2017-09-29 15:22 被阅读9次

    题目

    写一个 function,它遍历一个对象数组(第一个参数)并返回一个包含相匹配的属性-值对(第二个参数)的所有对象的数组。如果返回的数组中包含 source 对象的属性-值对,那么此对象的每一个属性-值对都必须存在于 collection 的对象中。
    例如,如果第一个参数是[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }],第二个参数是{ last: "Capulet" }
    ,那么你必须从数组(第一个参数)返回其中的第三个对象,因为它包含了作为第二个参数传递的属性-值对。
    如果你被难住了,记得使用 Read-Search-Ask编写你自己的代码。
    这是一些对你有帮助的资源:
    Global Object
    Object.hasOwnProperty()
    Object.keys()

    function where(collection, source) {
      var arr = [];
      // What's in a name?
      return arr;
    }
    where([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
    

    思路

    • 我能说这翻译是shit吗.....,属性-值对 是什么鬼,看了5遍了没看明白;
    • 找来纸笔,画了画,我的理解应该是说,把source里的对象的每一个属性(可能有多个)以及属性值去 collection 里找,如果找到了属性,属性值都相等的就返回给arr;

    解答

    function where(collection, source) {
      var arr = [];
      // What's in a name?
      for(var i = 0;i < collection.length;i++){     //循环查找 collection
          var p = true;                                        //先定义一个 初始结果,每次返回的结果对这个初始值进行修改;
          for(var j in source){                             //  循环source的每一个属性
              if (source[j] !== collection[i][j]){       //判断source里的当前属性&属性值是否在collection里不存在
                  p = false;                                  
              }
          }
          if( p === true){                                   // source循环结束之后,判断 p 目前的值
              arr.push(collection[i]);                    //将当前的collection的属性&属性值加入 arr
          }
      }
      return arr;
    }
    where([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
    
    • 可能是对题目的阅读或者提示不太熟悉的原因,我现在的这种写法也能得出正确结果,提交的时候也通过了;
    • 但题目的建议函数一个没用上,可能用那些函数会更简单??
    • 还要继续努力学习,如果发现了更高效的写法,再回头来修正;

    相关文章

      网友评论

        本文标题:FreeCodeCamp筆記之:Where art thou

        本文链接:https://www.haomeiwen.com/subject/ygtiextx.html