JavaScript for Kids 学习笔记3. 数组

1. 为什么要用数组？

    管理一组数据。

    用购物清单打比方：

      变量： 每个要买的东西都写在一张便签上。

      数组： 一张便签上可以写一组要买的东西。

2. 创建数组

    [ ];    //empty array
    
    var colors = ["red", "green", "blue", "yellow", "purple"];
    
    var vowels = [     // format for human reading
        "a", 
        "e", 
        "i", 
        "o", 
        "u"
    ];

3. 访问数组元素

    colors[1];

4. 设置／修改 数组元素

    colors[0] = 'gray';    // 修改第一个元素。为什么第一个元素的下标是0呢？
    colors[100] = 'black';   // 数组元素不必连续，这里不会发生越界行为。中间会插上 undefined
    colors[43];    // undefined

5. 数组中可以是混合的数据类型

    var mix = [3, "hello", ['a', 'e', 'i', 'o', 'u'], "world"];
    mix
    mix[1]
    mix[2]
    mix[2][3]

6. 数组的长度

    mix.length
    mix[mix.length - 1]       // 数组中的最后一个元素

7. 追加元素

    var animals = [ ];
    animals.push("Cat");      // 尾部追加
    animals.push("Dog");

    animals.unshift("Monkey");     // 头部追加

8. 删除元素

    var lastAnimal = animals.pop( );     // remove last element, and return it.
    lastAnimal;
    animals;
    animals.unshift(lastAnimal);
    
    var firstAnimal = animals.shift( );    // remove first element, and return it.
    firstAnimal;
    animals;

    push/pop

    unshift/shift

9. 连接两个数组

    var beasts = ['horse', 'fox', 'wolf', 'tiger'];
    var birds = ['eagle', 'seagull', 'parrot', 'macaw'];
    var animals = beasts.concat(birds);
    animals;
    beasts;
    birds;

10. 连接多个数组

    var poultries = ['cock', 'hen', 'goose', 'duck'];
    animals = [];
    animals;
    animals = beasts.concat(birds, poultries);

11. 查找元素在数组中的位置

    
    animals.indexOf('fox');
    animals.indexOf('pig');

    var insects = ['Bee', 'Ant', 'Bee', 'Bee', 'Ant'];
    insects.indexOf('Bee');    // 返回第一个遇到的元素位置

12. 数组变string

    animals.join();        // comma as separators
    animals.join('-');    // hyphen as separators
    animals.join(' * ');    // spaces and asterisk as separators

13. 例子：去旅游，原路返回

    var cities = [ ];
    cities.push('Beijing');
    cities.push('Tianjin');
    cities.push('Tangshan');
    cities.push('Qinhangdao');
    cities.push('Huludao');
    cities.push('Shenyang');
    cities.push('Changchun');
    cities.push('Haerbin');
    cities.pop();
    cities.pop();
    cities.pop();
    cities.pop();
    //....

    stack -> 烙饼

        LIFO : Last In First Out  

    queue -> 排队买票

        FIFO : First In First Out

14. 例子： 中午去哪里吃饭？随机选择饭馆。

    准备知识：

    Math.random();     // 生成 0 到 1 之间的随机数
    Math.random() * 10;   // 变成 0 到 10 之间的数
    Math.floor(3.14); // 下取整
    Math.floor(Math.random() * 10);    // 变成 0 到 10 之间的整数

    算法：

    var restaurants = ['三和屋', '秦面轩', '李连贵肉饼', '必胜客', '和合谷', '小院时光', '雕刻时光'];
    var index = Math.floor(Math.random() * restaurants.length);
    restaurants[index];

15. 思考题：

    上图中，为什么两次都是 "小院时光"？ 不是说，随机选择吗？

    function lunch() {
        var restaurants = ['三和屋', '秦面轩', '李连贵肉饼', '必胜客', '和合谷', '小院时光', '雕刻时光'];
        var index = Math.floor(Math.random() * restaurants.length);
        return restaurants[index];
    }

    lunch();