JavaScript 数组

一、数组的概念

1、概念：数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组元素存储在单个变量名下的优雅方式。

// 普通变量一次只能存储一个值

var num = 10;

// 数组一次可以存储多个值

var arr = [1,2,3,4,5];

2、数组(Array)：就是一组数据的集合 存储在单个变量下的优雅方式

二、创建数组

1、创建数组的方式

JS中创建数组有两种方式：

（1）利用 new 创建数组

（2）利用数组字面量创建数组

（一）利用 new 创建数组

var 数组名 = new Array();

var arr = new Array();   //创建了一个空的数组

（二）利用数组字面量创建数组 [ ]

1、使用数组字面量方式创建空的数组

var 数组名 = [ ];

var arr = [];　　//创建了一个空的数组

2、使用数组字面量方式创建带初始值的数组

var 数组名 = ['小白','小黑','大黄','瑞奇'];

var arr1 = [1, 2, 'pink老师', true];

3、我们数组里面的数据一定用逗号分隔

4、数组里面的数据 比如 1,2, 我们称之为数组元素

5、获取数组元素  格式 数组名[索引号]  索引号从 0 开始

6、数组的字面量是方括号[ ] 

7、声明数组并赋值称为数组的初始化

8、这种字面量方式也是我们以后最多使用的方式

（三）数组元素类型

1、数组中可以存放任意类型的数据，例如字符串、数字、布尔型等

var arr1 = [1,3.14, '小白', true];

三、获取数组元素

（一）数组的索引

1、索引(下标)：用来访问数组元素的序号（数组下标从0开始）

2、数组可以通过索引来访问、设置、修改对应的数组元素，我们可以通过"数组名[索引]" 的形式来获取数组中的元素

3、这里的访问就是获取得到的意思

4、我们数组里面的数据一定用逗号分隔

5、数组里面的数据 比如 1,2, 我们称之为数组元素

6、获取数组元素  格式 数组名[索引号]  索引号从 0 开始

7、var arr2 = ['迪丽热巴', '古力娜扎', '哈妮克孜'];

        console.log(arr2[0]);   //迪丽热巴

        console.log(arr2[1]);   //古力娜扎

        console.log(arr2[2]);   //哈妮克孜

　　 console.log(arr2[3]); //因为没有这个数组元素 所以输出的结果是 undefined

四、遍历数组

1、遍历：就是把数组中的每个元素从头到尾都访问一次（类似我们每天早上学生点名）

2、var arr = ['red', 'green', 'blue'];

        for (var i = 0; i < 3; i++) {

            console.log(arr[i]);

        }

3、因为我们的数组索引号从0开始，所以 i 必须从 0 开始  i < 3

4、输出的时候 arr[i]  i 计数器当索引号来使用

（一）数组的长度

1、使用"数组名.length" 可以访问数组元素的数量（数组长度）

2、   var arr = ['关羽', '张飞', '马超', '赵云', '黄忠', '刘备', '姜维', 'pink'];

        for (var i = 0; i < 7; i++) {

            console.log(arr[i]);

        }

        console.log(arr.length);

        for (var i = 0; i < arr.length; i++) {

            console.log(arr[i]);

        }

3、数组的长度是元素个数 不要跟索引号混淆

4、arr.length 动态监测数组元素的个数

 五、数组中新增元素

1、可以通过修改length长度以及索引号增加数组元素。

 （一）通过修改 length 长度新增数组元素

1、可以通过修改length 长度来实现数组扩容的目的

2、length 属性是可读写的

3、代码示范

        var arr = ['red', 'green', 'blue'];

        console.log(arr.length);

        arr.length = 5; //把我们数组的长度修改为了 5 里面应该有5个元素

        console.log(arr);

        console.log(arr[3]); //undefined

        console.log(arr[4]); //undefined

 其中索引号是3,4的空间没有给值，就是声明变量未给值，默认值就是 undefined。

 （二）通过修改数组索引新增数组元素

1、可以通过修改数组索引的方式追加数组元素

2、不能直接给数组名赋值，否则会覆盖掉以前的数据

 3、代码示范

        var arr1 = ['red', 'green', 'blue'];

        arr1[3] = 'pink';

        console.log(arr1);

        arr1[4] = 'hotpink';

        console.log(arr1);

        arr1[0] = 'yellow'; //这里是替换原来的数组元素

        console.log(arr1);

        arr1 = '有点意思';

        console.log(arr1); //不要直接给 数组名赋值 否则里面的数组元素都没有了

 

 这种方式也是我们最常用的方式。