数组初步了解

数组

1. 数组是值的有序合集。数组中的每一个值叫做一个元素，而每一个元素在数组中都有一个唯一的位置。这个位置用数字表示，叫做索引数组；如果用字符串表示，那么按这个数组叫做关联数组。。JavaScript数组是无类型的；数组的元素可以是任何类型，例如字符串，数字值，布尔值等，而且每一个数组中的不同元素也可以是不同JavaScript数组时动态的；根据需要，可以动态的向数组插入新的元素，或者从数组中删除指定的元素。

一维数组

1. 定义数组；

/*
    1.字面量/直接量方式定义
      var 数组名称 = [元素一, 元素二, ...]
  */
var arr1 = [];// 定义一个空数组{}
var arr2 = [100, '嘟嘟', true, undefined];//那么输出的数组也是【100， ‘嘟嘟’ ，true，undefind】
var arr6 = [10];//{10}

/*
    2.构造函数方式
      var 数组名称 = new Array(元素一, 元素二, ...)
      var 数组名称 = new Array(length)
      * length - number类型，表示数组的长度(存在元素的个数)
 */
var arr3 = new Array();// 定义一个空数组[]
var arr4 = new Array(100, '卧龙学苑', true, undefined);//[100,'卧龙学院'，ture，unidentified]
console.log(arr4);//{100，‘卧龙学院’，ture，undefingd}

var arr5 = new Array(10);
console.log(arr5);

/*
    3.函数方式定义
      var 数组名称 = Array(元素一, 元素二, ...)
      var 数组名称 = Array(length)
      * length - number类型，表示数组的长度(存在元素的个数)
 */
var arr7 = Array();// 定义一个空数组
var arr8 = Array(100, '卧龙学苑', true, undefined);
var arr9 = Array(10);
console.log(arr9);

2.索引数组，关联数组，稀疏数组

• 索引数组

/*
    索引数组 - 表示数组中元素的位置使用数字值来表示的
    * 数字值表示元素的位置 -> 角标或下标
    * 数组的长度与元素的个数是一致的
 */
var arr = [];// 定义一个空数组
arr[0] = 'if i were a boy';//给数组添加一个元素
arr[1] = true;//给数组添加一个元素

console.log(arr.length);//输出数组元素的个数 2

• 关联数组

/*
    关联数组 - 表示数组中元素的位置使用字符串来表示的
    * 注意：关联数组的数组长度与元素的个数不一致
    * 原因：JavaScript的官方不支持关联数组的
 */
var arr = [];// 定义一个空数组
arr['姓名'] = '阿凡达';
arr['年龄'] = '255';
arr['事业'] = '成功';
console.log(arr);
// 输出的结果：[ '姓名': '阿凡达', '年龄': '255', '事业': '成功' ]
console.log(arr.length);//0

• 稀缺数组

/*
    索引数组的位置允许不连续的 - 没有定义元素的位置默认为空(undefined)
    * 稀疏数组 - 数组的长度与元素的个数不一致的
 */
var arr = [];
arr[0] = '我爱国';
arr[3] = 155;
arr[5] = '大反派';
console.log(arr)//[ '我爱国', <2 empty items>, 155, <1 empty item>, '大反派' ]
console.log(arr.length);//6

/*
    得到undefined值的几种方式：
    1.定义变量，但未初始化值
    2.定义变量，并初始化值为 undefined
    3.访问数组中未定义的位置的元素值(默认为undefined)
 */

// 将稀疏数组进行处理，得到正常的索引数组
var newArr = [];
for (var i=0; i<arr.length; i++) {
    // 比较当前值是否等于 undefined
    if (arr[i] !== undefined) {
        newArr.push(arr[i]);
    }
}
console.log(newArr);//[ '我爱国', 155, '大反派' ]

3.数组：访问，复制，修改，删除

• 数组的访问

// 定义数组的默认为索引数组
var arr = ['卧龙学苑',100,null,1];
// 调用数组名称时，得到只是存储所有元素数据的集合
console.log(arr);
// 访问索引数组中的元素 -> 数组名称[索引值]
console.log(arr[2]);
// 如果访问了数组中未定义的位置的元素时 - 语法不报错，结果为 undefined
console.log(arr[5]);
// 索引数组中索引值最大为 arr.length - 1

// JavaScript中的关联数组定义与访问都是没有问题的
var arr1 = [];
arr1['name'] = '隔壁小林';
arr1['age'] = '28';
arr1['job'] = '卖大米的';

console.log(arr1['name']);

• 数组的复制

var arr = ['花美男', true];//定义一个数组，并赋值数组。
var result = arr;//在定义一个数组并赋值

console.log(arr);//[ '花美男', true ]
console.log(result);//[ '花美男', true ]

arr = [100];
console.log(arr);//[ 100 ]

console.log(result);//[ '花美男', true ]因为result以及被赋值过所以不会被改变

arr[0] = 100;
console.log(arr);//[ 100 ]

console.log(result);//[ '花美男', true ]

• 数组的修改

// 索引数组
var arr1 = [];
arr1[0] = '大本钟华莱士';
arr1[1] = 515;
// 关联数组
var arr2 = [];
arr2['姓名'] = '周杰伦';
arr2['职业'] = '歌手演员';
arr2['帅么'] = '还可以';
// 通过数组的索引值找到对应元素的位置，再通过重新赋值的操作进行修改
arr1[0] = 100;
console.log(arr1);

arr2['姓名'] = '蔡依林';
console.log(arr2);
// 如果索引值是新的，就是新增数组的元素操作
arr1[4] = '小龙';
console.log(arr1);

• 元素的删除

// 索引数组
var arr1 = [];
arr1[0] = '小帅';
arr1[1] = true;
// 关联数组
var arr2 = [];
arr2['姓名1'] = '乔峰';
arr2['姓名2'] = '李易峰';
arr2['姓名3'] = '欧阳锋';

/*
    使用 delete 运算符进行删除数组的元素
    * 注意 - 只是删除元素的数据内容，而对应的位置被保留 -> 稀疏数组
  */
delete arr1[0];
console.log(arr1);//[ <1 empty item>, true ]
delete arr2['姓名1']
console.log(arr2)//[ '姓名2': '李易峰', '姓名3': '欧阳锋' ]

4.循环遍历数组

var arr = ['卧龙学苑', 100, true, undefined];
// while语句
/*var i = 0;
while (i < arr.length){
    console.log(arr[i]);

    i++;
}*/

// do...while语句
/*var i = 0;
do {
    console.log(arr[i]);

    i++;
} while (i < arr.length);*/

// for语句
for (var i=0; i<arr.length; i++) {
    console.log(arr[i]);
}

5.for in 语句

var arr = ['卧龙学苑', 100, true, undefined];
/*
    for (var 变量 in 数组) {
        语句块
    }
    * 变量 - 得到的是数组的索引值
 */
for (var i in arr) {
    console.log(arr[i]);
}
/*
    * for语句
      * 循环的开始和结束，都是由程序员决定的
    * for..in语句
      * 循环只能从开始到结束
 */
for (var i=0; i<arr.length; i++) {
    console.log(arr[i]);
}

// 关联数组的length属性为 0
var arr1 = [];
arr1['name'] = '张无忌';
arr1['age'] = 19;
arr1['job'] = '教主';

/*for (var i=0; i<arr1.length; i++) {
    console.log(arr1[i]);
}*/
// for..in语句可以循环遍历关联数组, for语句不行
for (var i in arr1) {
    console.log(arr1[i]);
}

// 稀疏数组 - 数组的长度与元素的个数不一致
var arr2 = [];
arr2[0] = '张无忌';
arr2[3] = 19;
arr2[5] = '教主';

/*for (var i=0; i<arr2.length; i++) {
    console.log(arr2[i]);
}*/
// for..in语句循环遍历稀疏数组(直接得到有效元素值), for语句不行
for (var i in arr2) {
    console.log(arr2[i]);
}

二维数组

var arr = [];// 定义一个空数组
arr[0] = [100,200,300];
arr[1] = [400,500,600];
arr[2] = [700,800,900];

// console.log(arr);
// 访问二维数组中的元素
var result = arr[0];
/*console.log(result[0]);

console.log(arr[0][0]);*/

// 循环遍历二维数组
for (var i=0; i<arr.length; i++) {
    console.log(arr[i]);
    for (var j=0; j<arr[i].length; j++) {
        console.log(arr[i][j]);
    }
}