js数组基础理解

1.数组

概念

数组是一组数据有序排列的集合，并且给定一个名字。

数组是一种引用数据类型。

理解

如果给变量赋值为字符串、数值、布尔值、或undefined、或者null，那么变量任意时刻只能有一个值且只能存储单一数据。想要用一个变量存储一组值，就得用数组Array。

数组存放的是一组数据，可以是多个，并且一个数组里的数据类型可以是不同的。如数字类型，字符串类型，布尔类型，undefined,null以及引用数据类型函数，数组，对象，他们可以同时存在一个数组里。

数组就是一个集合，为了方便快捷的使用到指定的数组，每个数组有自己的名字，如arr。

数组是有序列的，并不是杂乱无章的放进去，数组的每个元素有自己的编号，数组元素的编号就是数组的索引，如果没有人为的指定开始的编号，默认是从0开始的整数。如arr[0]表示数组中的第一个元素

数组的元素可以没有，此时就是一个空数组，数组的元素个数的总数用数组的长度表示，arr.length。

2.数组的定义

定义数组有两种方式

2.1 使用关键字new

var 数组名 = new Array();

使用关键字new字符创建一个数组Array

注意

声明一个数组并指定数组的初始元素的个数

var 数组名 = Array（4）;

2.2 使用字面量形式

字面量可以理解为常量

var 数组名 = [];

使用方括号来指定数组。

3. 给数组赋值

给数组赋值分两种，定义的同时赋值，或者先定义了后赋值，两种方式

3.1 定义数组的时候同时给数组赋值

3.1.1 new关键字

var 数组名 = new Array(123,"文字“,true,undefined,null);

如上所示，可以将各种类型的数据存储在数组中。

注意

var 数组名 = new Array(123);

输入值只有一个数的时候，表示数组的长度

3.1.2 字面量

var 数组名 = [123,"文字“,true,undefined,null];

3.2 对已经定义好的数组进行赋值

数组名 [索引] = 值

    // 使用new关键字定义数组
    let person = new Array();
    // 赋值
    person[0] = "lisa";

4. 访问数组中的元素

数组名[索引];

    // 字面量的形式定义数组并赋值
    let dog = ["lucky",2,"girl"];
    // 打印数组
    console.log(dog);
   
    // 访问数组的元素
    console.log(dog[2]);

5. 获取数组的长度

数组名.length

    // 使用new关键字定义数组
    let person = new Array();
    // 赋值
    person[0] = "lisa";
    // 查看数组
    console.log(person);
    // 访问元素
    console.log(person[0]);
    // 数组的长度
    console.log(person.length);

6. 数组的注意事项

• 数组元素可以是任意一种类型的数据，基本数据类型和引用数据类型
• 数组的长度没有限制，数据个数可变化的
• 数组长度是元素的个数，数组索引值默认从0开始
• 使用new关键字定义的时候，赋值的时候只有一个数字的时候为数组的长度
• 给数组添加元素时，若中间的索引值对应的数组元素没有赋值，直接给后面的赋值，程序会默认为空。数组的长度会由最大的索引号决定（默认为索引号加1）。
• 数组元素之间都使用逗号分隔，最后一个数组元素不能加逗号（浏览器兼容性问题）

7. 内存的栈和堆

内存中分为栈和堆

变量名 常量 不会经常改变的数据存放在栈里面，引用编号使用十六进制。

堆里面存放经常改变的数据，具体地址，数组，对象。在栈区存放名称，具体的内容存放在堆，

8. 数组中常用方法

8.1 删除数组中的元素

简单的删除数组中的指定元素，delete 数组名[索引];

delete 删除了元素，但是位置还在，不会影响数组的长度，删除的元素会以空empty来占位。

8.2 清空数组(针对已有元素的数组)

清空数组的方法有两种，一种是给它重新赋值，另一种是使数组的长度为0。

1. 整个数组赋值为空

重新设置为空数组

arr = [];

给要清空的数组重新赋值，赋值为空即可。

2. 数组长度设置为0

arr.length = 0;

8.3 添加或修改数组元素

数组名[索引]= 值;

给指定索引号的元素赋值，如果之前没有该元素，则是添加新的元素，如果是之前就有的元素，那么会覆盖之前的值，即为修改数组的元素。

9.数组的遍历

遍历 就是挨个或依次取出指定范围的数据
数组的遍历 就是挨个或依次取出数组中的元素

数组遍历的两种方式

• for循环遍历

• for...in遍历

9.1 for循环遍历

for ( var i=0; i < 数组的长度; i++ ){     }

一般会把遍历出来的每个元素用一个变量接住

9.2 for...in遍历

for ( var i in 数组名 ){ }

• i为自定义的变量名，可以自定义

9.3 数组遍历两种方式的区别

for循环，变量i的类型为number类型，空元素也会被遍历出来。

for...in循环的变量i为string类型，数组中的空元素不会被遍历出来（枚举法）。针对对象的遍历使用较多。

for循环主要用于遍历数组，for...in循环主要用于遍历数组和对象。

一般情况，在数组遍历中变量主要用于作为数组的索引值(下标)使用。

如

设计一个求数组中的最大值的功能。

function max(arr) {
        let max;
        for (let i in arr){
            let num = arr[i];
            if (num > arr[0]){
                max = num;
            } else {
                max = arr[0];
            }
        }
        console.log(max);
    }


    let arr1 = [1,3,5,7,9,11];
    let arr2 =[-3,-5,-7,-121];

    max(arr1);
    max(arr2);

使用三元运算符

 function max(arr) {
        let max;
        for (let i in arr){
            let num = arr[i];
            max = num > arr[0] ? num : arr[0];
        }
        console.log(max);
    }

10. 二维数组

一维数组
数组的元素不是（引用数据类型中的）数组，是基本数据类型的数组

二维数组
以一个数组作为另外一个数组的元素，

10.1 二维数组的三种定义方式

1. 使用new关键字创建（实例化）一个数组

var 变量名 = new Array ()

2. 使用字面量来创建一个数组

var 变量名 = []

3. 使用数组作为数组元素

var arr1 = [];
var arr2 = [];
var arr = [arr1,arr2]

10. 2 访问二维数组中的元素

下标

• arr[x]表示一维数组中的元素，x是一维数组的索引值

• arr[x][y]表示二维数组中的元素，y是二维数组中的索引值。

arr[x][y]获取到二维数组的具体值。

10.3 二维数组的作用

主要用于保存比较复杂的数据内容

11. 二维数组的遍历

• 使用双层for循环遍历

• 二维数组的长度，可以在for循环内层用一个变量来自增1.

12.数组常用方法

12.1 连接

arr.concat(数组1，数组2，...)

主要用于数组与数组或数组与一个数据的拼接

拼接的元素可以是数组，也可以是基本数据类型

12.2 arr.join()

arr.join(指定的分隔符)

使用指定的分隔符进行数组的拼接

常用于日期，数组元素的链接，如 2018-11-1

拼接好后的数据类型为字符串类型string

如果没有设置分隔符，默认以逗号为分隔符

12.3 arr.pop()

删除并返回数组的最后一个元素

12.3 arr.shift()

删除并返回数组的第一个元素

12.4 arr.push(新元素1，新元素2,...)

向数组的末尾添加新的元素，并返回新的长度

12.5 arr.reverse( )

颠倒数组元素的顺序，但不会创建新数组

12.6 arr.splice(开始的索引，删除的个数，添加的元素)

删除元素，紧接着在删除元素后，向数组中添加元素

开始的索引，这个参数是必须的

如果只有一个数字n，则表示从索引值为n的开始删，删除后边所有的元素

返回的是删掉的部分

    let arr = new Array(1,2,3,4,5,6,7,8,9);

//    .push()
    let arr1 = arr.push(20);
    console.log("原数组：" + arr,"返回的值：" + arr1);
//     向数组中追加一个元素，返回的值是10，返回数组的长度


//   .splice()

    // 此时的arr 为上一步添加了20的新数组
    let arr2 = arr.splice(2,2);

    // 从索引值为2开始，删掉2个数，返回的值是删掉的内容。
    console.log("原数组：" + arr,"返回的值：" + arr2);


    // 此时的数组为 1 2 5 6...20
    let arr3 = arr.splice(2,2,3,4,5,6);

    // 从索引值为2开始删掉2个数，并且在删掉元素的位置增加元素3，4，5，6， 返回的值为删掉的内容5，6
    console.log("原数组：" + arr,"返回的值：" + arr3);


//      .pop()

    //  此时的数组为1 2 3 4 ...20

    //  删掉数组中的最后一个元素，返回的是删掉的元素
    let arr4 = arr.pop();

    console.log("原数组：" + arr,"返回的值：" + arr4);
    //   为删掉了最后一个元素的数组 返回的是删掉的元素


//      .shift()

    //     删掉元素的第一个元素 返回的是删掉的元素
    let arr5 = arr.shift();

    console.log("原数组：" + arr,"返回的值：" + arr5);

//    .join()

    let arr6 = arr.join("-");
    // 注意连接符号要用引号引起来
    // 默认连接符为","
    console.log("原数组：" + arr,"返回的值：" + arr6);