JavaScript Array类型

• 数组对象的作用是:使用单独的变量名来存储一系列的值。
• 数组就是一堆数据的分组或者集合。
• 数组的对象是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、 不要稀疏数组!!!!!
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,055评论 0 13
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,151评论 0 4
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,037评论 0 21
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,014评论 0 1
  • 感赏今天彩羽认真的做了一天的作业。 感赏彩羽做作业到晚上十一点半。 感赏彩羽能够控制自已学习。 感赏彩羽自控力得到...
    无心言欢阅读 167评论 0 0