JavaScript核心语法——数组

数组

数组是什么

数组的概念

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

一维数组

定义数组

数组的最大作用就是用于存储多个值。在一个数组中的不同元素可以使不同数据类型。
虽然数组具有字面量方式的定义，但是与原始类型的字面量方式的定义不同。

有以下三种方式；

   1.字面量/直接量方式定义
      var 数组名称 = [元素一, 元素二, ...]
  
var arr1 = [];// 定义一个空数组
var arr2 = [100, '卧龙学苑', true, undefined];
var arr6 = [10];

console.log(arr6);


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

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);

索引数组

索引数组表示数组中元素的位置使用数字值来表示的，一般称之为角标或下标，数组的长度与元素的个数是一致的。

var arr = [];// 定义一个空数组
arr[0] = '卧龙学苑';索引数组的下标是从0开始的
arr[1] = true;

console.log(arr.length);

关联数组

关联数组是存储元素的位置使用字符串来表示，一般称之为（name或key）。

  关联数组 - 表示数组中元素的位置使用字符串来表示的
     注意：关联数组的数组长度与元素的个数不一致
     原因：JavaScript的官方不支持关联数组的
 
var arr = [];// 定义一个空数组
arr['name'] = '张无忌';
arr['age'] = 19;
arr['job'] = '教主';
// 输出的结果：[ name: '张无忌', age: 19, job: '教主' ]
console.log(arr.length);

关联数组这个概念，并不属于ECMASCRIPT5这个版本的标准规范内容。实际测试的结果表示，这中数组在JavaScript语言中是可以使用的。
注意；关联数组的名称（name或key）是字符串，必须使用单引号或双引号将他包裹。

稀疏数组

稀疏数组就是包含0开始的不连续索引的数组

   索引数组的位置允许不连续的 - 没有定义元素的位置默认为空(undefined)
     稀疏数组 - 数组的长度与元素的个数不一致的
 
var arr = [];
arr[0] = '张无忌';
arr[3] = 19;
arr[5] = '教主';

console.log(arr.length);


    得到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]);
    }
}

数组的长度

每个数组都有一个length属性，表示数组的长度，上面代码中也有提到。

数组元素的读取

数组的主要作用是用于存储和读取数据信息。

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

// JavaScript中的关联数组定义与访问都是没有问题的
var arr1 = [];
arr1['name'] = '张三';
arr1['age'] = 19;
arr1['job'] = '强盗';

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

数组元素的修改

数组元素的修改不仅可以从数组中读取指定的元素，还可以根据需求修改数组中指定的元素值。

 索引数组
var arr1 = [];
arr1[0] = '卧龙学苑';
arr1[1] = true;
 关联数组
var arr2 = [];
arr2['name'] = '张无忌';
arr2['age'] = 19;
arr2['job'] = '教主';
通过数组的索引值找到对应元素的位置，再通过重新赋值的操作进行修改
arr1[0] = 100;
console.log(arr1);

arr2['name'] = '周芷若';
console.log(arr2);
如果索引值是新的，就是新增数组的元素操作
arr1[4] = 'wolongxueyuan';
console.log(arr1);

数组元素的删除

数组元素的删除不仅可以根据需求修改数组中指定的元素值，也可以删除数组中指定的元素值。数组删除指定元素值可以使用delete关键字。

 索引数组
var arr1 = [];
arr1[0] = 'wolongxueyuan';
arr1[1] = true;
 关联数组
var arr2 = [];
arr2['name'] = '张无忌';
arr2['age'] = 19;
arr2['job'] = '教主';


    使用 delete 运算符进行删除数组的元素
     注意 - 只是删除元素的数据内容，而对应的位置被保留 -> 稀疏数组
  
delete arr1[0];
console.log(arr1);

for...in语句

在ECMAScript中新增的for...in语句，同样也可以用在遍历数组。
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]);
    }
}

定义二维数组
定义一个规整的二维数组就是指外层数组的元素的内部数据中元素的个数是一致的。
如果定义一个不规整的二维数组，所谓的不规整的二维数组，就是指作为外层数组的元素的内部数据中元素的个数是不一致的。
操作二维数组中的具体元素，读取二维数组中真正的元素内容，需要连续会用两个索引值才能实现。第一个索引值表示外层数组的，第二个索引值表示内部数组的。

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]);
    }
}