JS-数组

以你之姓@ 2024-03-17 19:23 35阅读 0赞

#### 文章目录 ####

*   *  1. 数组的概念
     *  2. 创建数组
     *   *  2.1 数组的创建方式
         *  2.2 利用 new 创建数组
         *  2.3 利用数组字面量创建数组
         *  2.4 数组元素的类型
     *  3. 获取数组元素
     *   *  3.1 数组的索引
     *  4. 遍历数组
     *   *  4.1 数组的长度
     *  5. 数组中新增元素
     *   *  5.1 通过修改 length 长度新增数组元素
         *  5.2 通过修改数组索引新增数组元素

### 1. 数组的概念 ###

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

// 普通变量一次只能存储一个值
    var num = 10; 
    // 数组一次可以存储多个值
    var arr = [1,2,3,4,5];

### 2. 创建数组 ###

#### 2.1 数组的创建方式 ####

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

*  利用 new 创建数组
 *  利用数组字面量创建数组

#### 2.2 利用 new 创建数组 ####

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

#### 2.3 利用数组字面量创建数组 ####

//1. 使用数组字面量方式创建空的数组
    var 数组名 = []；
    //2. 使用数组字面量方式创建带初始值的数组
    var 数组名 = ['小白','小黑','大黄','瑞奇'];

*  数组的字面量是方括号 \[ \]
 *  声明数组并赋值称为数组的初始化
 *  这种字面量方式也是我们以后最多使用的方式

#### 2.4 数组元素的类型 ####

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

var arrStus = ['小白',12,true,28.9];

### 3. 获取数组元素 ###

#### 3.1 数组的索引 ####

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

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

// 定义数组
    var arrStus = [1,2,3];
    // 获取数组中的第2个元素
    alert(arrStus[1]);

### 4. 遍历数组 ###

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

我们可以通过 for 循环索引遍历数组中的每一项

var arr = ['red','green', 'blue'];
    for(var i = 0; i < arr.length; i++){
     console.log(arrStus[i]);
    }

#### 4.1 数组的长度 ####

使用“数组名.length”可以访问数组元素的数量（数组长度）。

var arrStus = [1,2,3];
    alert(arrStus.length); // 3

**注意：**

*  此处数组的长度是数组元素的个数 ，不要和数组的索引号混淆。
 *  当我们数组里面的元素个数发生了变化，这个 length 属性跟着一起变化。

### 5. 数组中新增元素 ###

#### 5.1 通过修改 length 长度新增数组元素 ####

*  可以通过修改 length 长度来实现数组扩容的目的
 *  length 属性是可读写的

var arr = ['red', 'green', 'blue', 'pink'];
    arr.length = 7;
    console.log(arr);
    console.log(arr[4]);
    console.log(arr[5]);
    console.log(arr[6]);

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

#### 5.2 通过修改数组索引新增数组元素 ####

*  可以通过修改数组索引的方式追加数组元素
 *  不能直接给数组名赋值，否则会覆盖掉以前的数据

var arr = ['red', 'green', 'blue', 'pink'];
    arr[4] = 'hotpink';
    console.log(arr);