JSP的引用数据类型(存取数据)

数组

装载一组数据的容器

数组的定义

方式1  字面量
语法：
    var arr = [];
    // var arr = [1, 2, 3, 4, 5];
    // var nameArr = ["张三", "李四", "王五", "赵六"];
方式2  构造函数
对于构造函数有很多，比如Object、Array，就是通过构造函数创建一个数组对象；
语法：
    var arr = new Array();
传参规则：
    当没有参数时， 定义的是一个空数组
    当参数只有一个并且是数字时，该数字表示数组的长度
    当参数有多个时，参数就是每一个成员
    // var arr1 = new Array(10); 
    // 如果参数只有一个，并且还是数字 此时该数字表示数组的长度 定义出来的数组 就是空的数组 
    // var arr2 = new Array(1, 2);
    // 如果参数有多个，每一个参数表示该数组的成员。
方式3 构造函数
语法：
    var arr = Array();
传参规则： 同上
     // 数组的定义方式之三 构造函数式
    // var arr3 = Array(10);  // 这种方式接受参数的规则与之前的new 一致
    // var arr4 = Array(1, 3); 
    // console.log(arr1);
    // console.log(arr2);
    // console.log(arr3);
    // console.log(arr4);

数组的使用

存储数据
    数据是以一定的顺序存储在内部 每一个数据都有一个"序号" 这个序号叫做下标 或者 索引
    语法： 
        数组[下标] = xxx
访问数据
    语法：
        数组[下标] 
    当该代码单独出现，就表示要使用数据。就会去读取对应的数据。如果数据存在，就得到，如果不存在就读取不到，返回undefined。
    // 数组的访问成员和设置
    // 因为数组是装载了很多数据 可是变量又只有一个
    // 我们可以通过方括号语法 + 下标数字 来访问成员
    // var nameArr = ["张三", "李四", "王五", "赵六"];
    //  对应的下标   0      1       2       3
    // 想要访问 "王五"
    // console.log(nameArr[2]);

数组的length属性

数组是一组数据，length属性表示这个数组中的内容的个数。简称数组的长度。
该长度是可读可写的属性。
当设置属性的时候，表示要修改该数组的长度。数组的长度会发生变化。
当读取时，会实时返回数组的当时的长度。

    var arr = [1, 2, 3, 4];
    console.log(arr.length); // 4
    arr.length = 1; // 修改数组的长度
    console.log(arr); // 输出 [1]
    console.log(arr.length); // 1




        // 数组的length属性
        // 该属性决定数组的长度 可以访问 可以设置
        // console.log(nameArr.length);

        // 设置length属性就是再改变length的长度
        // nameArr.length = 1;
        // nameArr.length = 10;
        // console.log(nameArr);

        // 数组的成员设置
        // nameArr[7] = "天琦";
        // console.log(nameArr);

        // 定义数组
        // var arr = [1, 2, 3, 4];
        // console.log(arr.length); // 按道理应该输出 [1, 2, 3, 4]; 但是输出的 Array(1) 看似只有一项  
        // console.log(JSON.stringify(arr)); // 如果想要看到真实的内容 可以使用这种方式
        // arr.length = 1;
        // console.log(arr.length); // [1]
        // console.log(JSON.stringify(arr));

对象的使用

对象： 是一组k:v对的集合。
每一组k:v对，叫做对象的属性。 k表示对象的属性名，v表示对象的属性值。
每一组k:v对，使用逗号隔开，推荐一行一个k:v对，最后一个k:v对后面不用加逗号。
k最好符合变量的命名规范。 v是具体的数据。可以是任何数据。

定义对象：

方式一： 字面量 (推荐方式)

    var obj = {}; // 字面量定义对象

    // 定义对象并设置属性
    var obj1 = {
        name: "张三"
    };

方式二： 构造函数

    var obj = new Object();
    var obj = Object();

对象的属性操作：

读取属性：

方式1 点语法
对于点语法点后面的字符是存在的属性，不可以是i这样的变量或者是表达式；
比如如果是obj.i的话，它就会真的在obj中寻找属性名是i的而不是i的值而已；

    var obj = {
        name: "张三"
    }
    console.log(obj.name); // 张三

方式2 方括号语法
对于方括号语法里面可以是属性，但是属性必须有双引号，还可以是变量或则是表达式；

    var obj = {
        name: "张三"
    }
    console.log(obj["name"]); // 张三

设置属性：

方式1 点语法

    var obj = {
        name: "张三"
    }
    obj.age = 12;
    console.log(obj); // {name: "张三", age: 12}

方式二 方括号语法

    var obj = {
        name: "张三"
    }
    obj["age"] = 13;
    console.log(obj); // {name: "张三", age: 13}

删除属性

delete关键字 该关键字只能用来删除对象的属性 而不可以用来删除变量

    var obj = {
        name: "张三"
    }
    delete obj["name"];
    console.log(obj); // {} 


         // delete 关键字 用于删除对象的属性
        // var obj = {
        //     name: "张三",
        //     sex: "男",
        //     age: 19,
        //     married: false
        // }
        // 删除属性
        // delete obj.name;
        // delete obj["name"];
        // console.log(obj);

        // 之所以不推荐将变量定义在全局中，是因为每一个var声明的变量
        // 每一个定义的函数 都会默认挂载到window身上
        // 并且通过delete删除时还删不掉
        

对象的循环遍历

语法： for (var i in obj) {}

    var obj = {
        name: "小明",
        age: 13,
        sex: "男",
        married: false
    }
    // 使用for in 循环遍历对象
    for (var i in obj) {
        // i 是对象的属性名 ，方括号中可以加入变量；
        // obj[i] 是对象的属性值
    }

注：obj.i 这种方式，真的是在读取 obj的 i 属性 而不是读取i变量所保存的值属性

方括号语法与点语法的区别

方括号语法：
    [] 之间是一个JS的执行环境，可以使用变量，表达式
    [] 最终需要的是一个字符串，如果不是字符串，会转为字符串（调用toString方法）
    [] 只要内容是字符串，不论是否符合变量命名规范，都可以成功
点语法：
    点语法，点什么，就是什么 
    点语法，必须符合变量的命名规范

        var a = "name";
        var obj = {
            name: "张三",
            a: 123
        }
    点语法：
        console.log(obj.name); // "张三"
        console.log(obj.a); // 123
    方括号语法：
        console.log(obj[a]); // "张三"
        console.log(obj["a"]); // 123

如果在数组中有长度和位置的话，但是没有值的话，就会出现undefined的现象，对于js的对象的概念就是存储详细的数据的，和Python中的字典一样的概念的理解；

其它知识点

Math.pow(x, y); 该方法用于计算x的y次方
Math.max();  该方法用于计算传递给max的所有参数中，最大的那个
Math.min();  该方法用于计算传递给min的所有参数中，最小的那个

小提示： 数组的循环与arguments的循环方式一致

数组的方法

push

作用: 向数组的末尾增加一个成员
返回值： 数组的长度
注：会改变原数组

// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法 
var result = arr.push("西双版纳");
console.log(result); // 6
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪", "西双版纳"]

pop

作用: 从数组的末尾移除一个成员 
返回值： 被移除的成员
注：会改变原数组

// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
// 使用数组的方法 
var result = arr.pop();
console.log(result); // 尼斯湖水怪
console.log(arr); // ["张三", "李四", "王五", "尼古拉斯赵四"]

unshift

作用：从数组的头部添加一个成员
返回值： 数组的长度
注：会改变原数组

// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.unshift("王二");  // 它的作用是给数组的头部增加一个新成员 并返回数组的长度
console.log(arr); // 王二  出现在数组的头部  
console.log(result);  // 改变之后 数组的新长度  6

shift

作用： 从数组的头部移除一个成员
返回值： 被移除的成员
注：会改变原数组

// 定义数组
var arr = ["张三", "李四", "王五", "尼古拉斯赵四", "尼斯湖水怪"];
var result = arr.shift(); // 它的作用是将数组的头部第一项移除 并返回
console.log(arr);  // 张三已经从数组中消失
console.log(result); // 被移除的成员 张三

concat

作用： 将两个数组拼接
返回值：新的拼合后的数组 
注：不会改变原数组

var arr = [1, 2, 3, 4];
var arr1 = arr.concat([5, 6, 7, 8]);
console.log(arr); // [1, 2, 3, 4]
console.log(arr1); // [1, 2, 3, 4, 5, 6, 7, 8]

sort

作用：将数组重新排序 
参数：函数
    接受一个函数作为参数 该函数有两个形参 分别代表数组内的两个数字 如果该函数的返回值为a - b  则数组从小到大排序
    如果该函数返回的是b - a 则数组从大到小排序 
返回值： 原数组
注：会改变原数组

var arr = [1, 9, 45, 55, 3, 67, 8, 101];
var arr1 = arr.sort(function(a, b) {
    return a - b;
});
console.log(arr);  // [1, 3, 8, 9, 45, 55, 67, 101]
console.log(arr1); // [1, 3, 8, 9, 45, 55, 67, 101]

slice

 // 数组的截取方法
        // 截取数组中的一段内容

        // var arr = [1, 2, 3, 4, 5, 6, 7, 8];
        // // 该方法叫做slice
        // // 它可以传递两个参数 一个参数 不传参数
        // var arr1 = arr.slice(1, 2); // 从下标1的成员截取到下标2的成员 将它们装在一个新数组中 返回这个新数组
        // var arr2 = arr.slice(3); // 从下标3的位置 截取到最后 并放在新数组中返回
        // var arr3 = arr.slice(); // 截取所有原数组的成员并放在新数组中返回
        // console.log(arr1); // [2]
        // console.log(arr2); // [4, 5, 6, 7, 8]
        // console.log(arr3); // [1, 2, 3, 4, 5, 6, 7, 8]

        // var arr4 = arr.slice(-5, -1); // 负数的意思是从后往前数 从-5开始截取到-1的片段 ，但是不包括-1下标的数组值，对于这样的左闭右开的原则；
        // var arr5 = arr.slice(-5); // 负数的意思是从后往前数数到-5之后再从-5到最后截取数组的片段，因为没有第二个参数 会截取到最后
        // 特点： 必须要求第一个参数 比第二个参数 要小
        // 特点： slice方法不会改变原数组 

splice

 // splice 该方法可以用于修改数组 向数组中添加内容 删除数组成员
        arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        // 删除数组成员 如果要删除9 也就是数组的最后一项，通过数组的长度直接删除，简单直接；
        // arr.length--;
        // arr.length = arr.length - 1;
        /*
            第一个参数表示 从哪个下标位置开始删除 第二个参数表示删除几个 
            从第三个参数开始 表示要新增的项 从第一个参数所指定的位置开始，新增的项会顶替指定的位置，然后之前的位置就会向后排序；
            返回值：新数组 内部的成员是从原数组中被移除的项 如果没有被移除的项就是空数组
        */ 
        // arr.splice(8, 1); 从下标8的位置开始删除 删除1个 不增
        // 将4 5 6这几个成员删除
        // var arr1 = arr.splice(3, 3); 
        // 将4这个成员的位置修改为10
        // arr[3] = 10;
        // arr.splice(3, 1, 10);就是将3下标的位置的数据删除之后再将10进行填充；
        // 在5和6这两个成员之间插入一些数据 10 11 12 13
        // arr.splice(5, 0, 10, 11, 12, 13);
        // 插入更多的数
        // arr.splice(5, 0, 10, 11, 12, 13, 14, 15, 16, 17);
        // console.log(arr);
        // console.log(arr1);

join

        // join 方法 它可以以指定的内容作为连接符将数组转为字符串 参数就是连接符 可以不传递 默认为“,”
        // var arr = [1, 2, 3, 4, 5];
        // var str = arr.join("+"); 
        // console.log(str);
        
        // 额外补充
        // 请以最快的方式计算一个数组中所有成员的和
        // var result = eval(str); 可以计算字符串中+号链接的数字字符串之和；

indexOf

// indexOf 方法 查询数组中的成员索引方法
        // var arr = [1, 2, 3, 4, 5, "5", 6, "5", 7, 8, 9];
        // 第一步 找到字符串5 的位置 
        // var index = arr.indexOf("5"); // 如果有 就返回该成员所在的下标数字 如果找不到 就返回-1
        // console.log(index);
        // 它可以接受第二个参数 表示开始查询的位置 
        // var index1 = arr.indexOf("5", 6); // 从下标为6的位置开始往后查询 直到遇见了第一个字符串5 就停止
        // console.log(index1);
        // 移除第一个字符串5
        // arr.splice(index, 1); 

其它知识点

Math.random() 该方法返回一个随机数 [0 - 1)

对于函数的重载

// 其它语言中，对一个方法或者函数多次定义 来实现函数的重载 在JS中不行
        // 函数的重载 是利用arguments 做判定来模拟的
        // function fun() {
        //     // 根据arguments.length的具体数值 来决定这个函数的具体功能
        //     if (arguments.length === 2) {
        //         console.log("hello world");
        //     } else if (arguments.length === 1) {
        //         console.log("你好");
        //     } else if (arguments.length === 0) {
        //         console.log("世界");
        //     }
        // }
        // fun(); 
        // fun(1); 
        // fun(1, 2);