美文网首页
JavaScript Array类型

JavaScript Array类型

作者: Daryl_Z | 来源:发表于2018-04-08 18:28 被阅读0次
    • 数组对象的作用是:使用单独的变量名来存储一系列的值。
    • 数组就是一堆数据的分组或者集合。
    • 数组的对象是Array,也是非常常用的引用类型
    • 例如:[1, 3,‘sss’,333]
    

    1.创建数组

    1.1 使用 new 操作符创建数组对象
    var arr = new Array();
    arr[0] = 19;//数组的索引从 0 开始
    arr[1] = "www.hamkd.com";
    arr[2] = "www.aicoder.com";
    数组中可以存储任何数据类型的数据(其他语言中数组的数据类型一旦确定只能存储特定类型的数据)
    通过[]和索引来访问和设置数组的内容
    数组的索引是从 0 开始!!!
    JavaScript 中的数字的容量可以动态改变
    数组的容量最大为:4294967295 个 (232-1)
    求幂运算符:** (补充)
    数组的构造函数可以传递数组的容量的参数
    var arr = new Array();// 创建一个空数组
    var arr = new Array(3);//定义数组的容量为 3 个
    var arr = new Array("a","b","c");
    //定义一个数字,有 a , b ,c 三个字符串
    数组的长度可以通过 length 数组来获取。
    length 是可读和可以进行设置,可以对数组进行截断操作。
    var arr = new Array(); // 创建一个空数组类型; []
    // console.log(arr.toString());
    arr[0] = 1; // length = 1
    arr[1] = 2; // length = 2
    arr[2] = 'sss'; // length = 3
    console.log(arr); // [1, 2, 'sss']
    console.log("length =" + arr.length);
    // 构造函数创建数组传递参数
    var arr2 = new Array(4); // 给构造函数传递数值类型,那么它认为是创建容量为数值的数组
    arr2[0] = 'sssss';
    arr2[1] = 0;
    arr2[2] = 0;
    arr2[3] = 0;
    arr2[4] = 0;
    console.log(arr2);
    // 创建数组的时候,顺便进行初始化数组的内容
    var arr3 = new Array(1,2,3,'sssd', 'malun', true, [22,33]);
    console.log(arr3);// length = 7
    // 如果减小 length 值,就相当于截断了数组。
    arr3.length = 2;
    console.log( arr3 ); // => [1,2]
    
    1.2构造函数创建数组
    • 数组的构造函数可以传递数组的容量的参数
    • var arr = new Array();// 创建一个空数组
    • var arr = new Array(3);//定义数组的容量为3个
    • var arr = new Array("a","b","c");
    • //定义一个数字,有a , b ,c 三个字符串
    • 数组的长度可以通过length数组来获取。
    • length是可读和可以进行设置,可以对数组进行截断操作。不要这么用!!!!
    
    1.3字面量创建数组
    var arr = [];//创建一个空数组
    var arr = [1,2,3];//创建三个数字的数字。
    var arr=[1, ,2];//中间的省略的是 undefined
    var arr = [1 ,”dd”,true, [1,3], { age: 19}, 33];
    数组的元素的类型可以是任意类型。
    var a1 = []; //创建空数组
    // 创建一共复杂数组
    var a2 = [1, 2, 'sss', true, {age:19}, null, undefined];
    console.log(a2.toString());
    console.log(a2);
    var a3 = [2, ,3]; // => [2, undefined, 3]
    console.log(a3);
    // 这种方式最多,推荐这么使用。
    console.log(a3[0]); // 数组的索引是从 0 开始。所有开发语言数组都是从 0 开始。
    

    2.遍历数组

    length 属性
    length 属性,如果是连续数组,那么 length 就是数组元素的个数如果是稀疏数组,那么 length 不能
    代表元素的个数
    for 循环方式遍历数组
    // 如果是连续的数组,可以中使用 lenth 代表数组中的元素个数。
    var a = [1,2,3,89, "slj", true]; // length = 6;
    console.log('length = ' + a.length);
    // 输出数组中的所有元素。
    for(var i = 0; i < a.length; i++) {
          console.log(a[i]);
    }
    for in 循环的方式
    // 如果是连续的数组,可以中使用 lenth 代表数组中的元素个数。
    var a = [1,2,3,89, "slj", true]; // length = 6;
    // 另外我们还可以使用 for in 的方式遍历数据。 也可以把继承自原型的属性也进行遍历。
    // for in 遍历对象,拿到的是对象的属性名,而不是属性值。
    for(var k in a) { // for in 遍历数组,k 值是数组的索引编号,不是数组的元素值。
        // k 0 ,1 ,2
        console.log(a[k]); // k 是索引编号不是数组元素值
    }
    数组的索引是从 0 开始!!!不是从 1 开始
    注意:从原型上继承来的属性也会被 for in 遍历,所以如果需要去掉这部分属性可以通过
    hasOwnProperty()进行过滤。
    hasOwnProperty()只有当是对象自己属性才返回 true,如果是继承的返回 false。
    
    数组遍历.png
    2.1数组遍历案例
    案例:一个数组,合法值为 1,2 或 3,其余为不合法,统计合法及不合法的个数。
    // 案例:一个数组,合法值为 1,2 或 3,其余为不合法,统计合法及不合法的个数。
    var t = [1, 4, 9, 'sss', 3, '2', 2, 3, 2, 1];
    var rigthfulNum = 0, // 合法的个数
    illNum = 0; // 非法的个数
    //第一种: 遍历数组中的每个元素,判断是否是合法,如果合法给rigthfulNum += 1
    // for(var i = 0; i < t.length; i++) {
       // if(t[i] === 1 || t[i] === 2 || t[i] === 3) {
            // rigthfulNum += 1;
        // } else { // else 可以不用写。
            // illNum += 1;
        // }
    // }
    // console.log('合法:' + rigthfulNum);
    // console.log('非法:' + illNum);
    // // 第二种写法: 只求 rightfulNum, illNum 通过 length -rightfulNum
    // for(var i = 0; i < t.length; i++) {
        // if(t[i] === 1 || t[i] === 2 || t[i] === 3) {
            // rigthfulNum += 1;
        // }
    // }
    // illNum = t.length - rigthfulNum; // 通过数组的总长度-合法的剩下的就非法的。
    // console.log('合法:' + rigthfulNum);
    // console.log('非法:' + illNum);
    // 第三种:for in
    // for(var k in t) {
        // // console
        // switch(t[k]) {
            // case 1:
                // rigthfulNum += 1;
                // break;
            // case 2:
                // rigthfulNum += 1;
                // break;
            // case 3:
                // rigthfulNum += 1;
                // break;
            // default:
                // illNum +=1 ;
        // }
      // }
    // console.log('合法:' + rigthfulNum);
    // console.log('非法:' + illNum);
    // switch 优化版本
        for(var k in t) {
            // console
            switch(t[k]) {
                case 1:
                case 2:
                case 3:
                    rigthfulNum += 1;
                    break;
                default:
                  illNum +=1 ;
            }
        }
    console.log('合法:' + rigthfulNum);
    console.log('非法:' + illNum);
    
    2.3稀疏数组
    数组中的数据的索引不一定都是连续的。非连续的数组就是稀疏数组。
    比如:
    var t = [1, 3];
    t[100]= true;
    // => t.length = 101;
    // => t = [1, 3, undefinded*98, true]
    // 实际上有数据的只有 1,3,true 中间有 98 个 undefined可以使用 for in 循环越过 
    undefined 的数据。
    也就是数组的元素的个数不一定跟 length 相等
    注意:稀疏数组尽量少用!!!!!或者就是不用!!!!
    var t = [1, 2];
    // 0 , 1
    t[100] = 'sslj'; // 索引到了 100, length = 101
    console.log(t);
    console.log(t[10]); //undefined
    // for in 循环会越过稀疏数组种的 undefied 空值。
    for(var k in t) {
        console.log(t[k]);
    }
    结论:
    // 1、 length 和数组的元素的个数不一定相等
    // 2、 数组不一定是连续的
    // 3、 使用 for in 循环可以对稀疏数组的空值 undefined 进行过滤。
    // 4、 不要稀疏数组!!!!!

    相关文章

      网友评论

          本文标题:JavaScript Array类型

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