zoukankan      html  css  js  c++  java
  • [Javascript] Ex: concatAll, map and filter

    concatAll:

    Array.prototype.concatAll = function() {
        var results = [];
        this.forEach(function(subArray) {
            // ------------ INSERT CODE HERE! ----------------------------
            // Add all the items in each subArray to the results array.
            // ------------ INSERT CODE HERE! ----------------------------
        subArray.forEach(function(sub){
             results.push(sub)            
                         })
        });
    
        return results;
    };

    Exercise 12: Retrieve id, title, and a 150x200 box art url for every video

    You've managed to flatten a tree that's two levels deep, let's try for three! Let's say that instead of a single boxart url on each video, we had a collection of boxart objects, each with a different size and url. Create a query that selects {id, title, boxart} for every video in the movieLists. This time though, the boxart property in the result will be the url of the boxart object with dimensions of 150x200px. Let's see if you can solve this problem with map(), concatAll(), and filter().

    There's just more one thing: you can't use indexers. In other words, this is illegal:

    var itemInArray = movieLists[0];
    			

    Furthermore, you're not allowed to use indexers in any of the remaining exercises unless you're implementing one of the five functions. There is a very good reason for this restriction, and that reason will eventually be explained. For now, you'll simply have to accept it on faith that this restriction serves a purpose. :-)

    function() {
        var movieLists = [
                {
                    name: "Instant Queue",
                    videos : [
                        {
                            "id": 70111470,
                            "title": "Die Hard",
                            "boxarts": [
                                {  150, height:200, url:"http://cdn-0.nflximg.com/images/2891/DieHard150.jpg" },
                                {  200, height:200, url:"http://cdn-0.nflximg.com/images/2891/DieHard200.jpg" }
                            ],
                            "url": "http://api.netflix.com/catalog/titles/movies/70111470",
                            "rating": 4.0,
                            "bookmark": []
                        },
                        {
                            "id": 654356453,
                            "title": "Bad Boys",
                            "boxarts": [
                                {  200, height:200, url:"http://cdn-0.nflximg.com/images/2891/BadBoys200.jpg" },
                                {  150, height:200, url:"http://cdn-0.nflximg.com/images/2891/BadBoys150.jpg" }
    
                            ],
                            "url": "http://api.netflix.com/catalog/titles/movies/70111470",
                            "rating": 5.0,
                            "bookmark": [{ id:432534, time:65876586 }]
                        }
                    ]
                },
                {
                    name: "New Releases",
                    videos: [
                        {
                            "id": 65432445,
                            "title": "The Chamber",
                            "boxarts": [
                                {  150, height:200, url:"http://cdn-0.nflximg.com/images/2891/TheChamber150.jpg" },
                                {  200, height:200, url:"http://cdn-0.nflximg.com/images/2891/TheChamber200.jpg" }
                            ],
                            "url": "http://api.netflix.com/catalog/titles/movies/70111470",
                            "rating": 4.0,
                            "bookmark": []
                        },
                        {
                            "id": 675465,
                            "title": "Fracture",
                            "boxarts": [
                                {  200, height:200, url:"http://cdn-0.nflximg.com/images/2891/Fracture200.jpg" },
                                {  150, height:200, url:"http://cdn-0.nflximg.com/images/2891/Fracture150.jpg" },
                                {  300, height:200, url:"http://cdn-0.nflximg.com/images/2891/Fracture300.jpg" }
                            ],
                            "url": "http://api.netflix.com/catalog/titles/movies/70111470",
                            "rating": 5.0,
                            "bookmark": [{ id:432534, time:65876586 }]
                        }
                    ]
                }
            ];
    
    
        // Use one or more map, concatAll, and filter calls to create an array with the following items
        // [
        //     {"id": 675465,"title": "Fracture","boxart":"http://cdn-0.nflximg.com/images/2891/Fracture150.jpg" },
        //     {"id": 65432445,"title": "The Chamber","boxart":"http://cdn-0.nflximg.com/images/2891/TheChamber150.jpg" },
        //     {"id": 654356453,"title": "Bad Boys","boxart":"http://cdn-0.nflximg.com/images/2891/BadBoys150.jpg" },
        //     {"id": 70111470,"title": "Die Hard","boxart":"http://cdn-0.nflximg.com/images/2891/DieHard150.jpg" }
        // ];
      
      return movieLists
        .map(function(movieList){
          return movieList.videos.map(function(video){
            return video.boxarts.filter(function(boxart){
             return boxart.width === 150;
            })
            .map( function(boxart){
              return {id: video.id, title: video.title, boxart: boxart.url}
            })
          }).concatAll()
        }).concatAll()
    }
            

    You need to make sure you got everything you need to display.  So there are three level deep. Any apply n-1 concatAll.

  • 相关阅读:
    【LoadRunner-Vuser Generator】录制脚本设置Recording Options
    【LoadRunner-内部结构】
    【LoadRunner-工作过程】
    单片机上内存管理(重定义malloc free)的实现
    stm32模块的初始化顺序要求的更改设值
    [CAN波形分析] 一次CAN波形分析之旅
    w5500调试小记
    keil mdk中save和load指令,在调试中比较有用,以及hex格式的学习
    PHP启用session后抛 session_start(): open(/var/lib/php/session/sess_... 的解决办法
    brew 方式安装的php,关闭与重启----mac启动,关闭php-fpm方式
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5618801.html
Copyright © 2011-2022 走看看