JavaScript入门第九章（数组）

数组作用：一个变量存储多个数据

1.数组介绍

• 1.数组：多个数据的组合，在一起但是又拥有数据的独立性

• 2.声明一个数组：let 数组名 = [元素1，元素2，元素3…………]

  • 数组名其实就是变量名，只是称之为数组名

  • 元素其实就是数组中保存的数据，只是称之为元素

  • 元素是独立的（数据独立性），但是多个元素又在一起（数据组合）

• 3.获取数组中某一个数据:数组名[下标]

• 4.获取数组中元素的数量:数组名.length

• 5.总结：数组主要由三要素构成

  • 元素：数组中的数据

  • 下标：元素在数组中的位置(从0开始按照顺序递增)

  • 长度：数组中元素的数量

  //数组：数据的组合，一个变量可以存储多个数据

    //1.声明数组  语法： let 数组名 = [元素1，元素2，元素3]
    let array = [25,98,100,89,99,5];
    console.log ( array );//

    //2.下标：记录元素的位置   注意：数据中元素的下标是从0开始
    //可以获取数组中的元素  语法：  数字名[下标]

    console.log ( array[ 0 ] );
    let a = array[0];//将数组中的第一个元素存储到变量a中
    console.log ( a );

    //3.长度：数组中元素的数量
    //语法：数组名.length
    console.log ( array.length );//6

2.数组取值与赋值

1.取值：数组名[下标]

• 取第一个元素:

• 数组名[数组名.length - 1]

• 下标从0开始

• 取最后一个元素:

• 数组名[数组名.length - 1]

  最后一个元素下标（最大下标） = 长度 - 1  

• 如果下标超过数组最大下标，得到的是undefined

2.赋值：数组名[下标] = 值

• 如果下标有对应的值，会把原来的值覆盖

• 如果下标不存在，会给数组新增元素

<script>
    /**
     * 数组取值：  `数组变量名[下标]`
     *      * 1.数组的下标是从0开始的
     *      * 2.数组的最大下标 = 长度 - 1
     *      * 3.如果数组的的下标超过最大下标时，则得到undefined
     *
     * 数组赋值：`数组变量名[下标] = 值;`
            * 1.：如果下标有对应的值，会把原来的值覆盖
            * 2.如果下标不存在，会给数组新增一个元素，并且数组的长度发生变化
     */

    //下标的作用：数组的取值与赋值
    //数组的下标是从0开始的

    let arr = [20,65,78,90];

    //1.数组的取值: 数组名[下标]

    //a.如果没有超过最大下标：获取该下标对应元素的值
    console.log ( arr[ 2 ] );//78 第三个元素的值
    console.log ( arr[ 0 ] );//20 第0个元素

    //b.如果取值下标超出最大下标则会得到undefined
    console.log ( arr[ 4 ] );//undefined

    //2.数组的赋值   语法：数组名[下标] = 值

    //a.如果没有超过最大下标：则将旧值给覆盖
    arr[0] = 100;//将100这个值赋给数组的第1一个元素
    console.log ( arr );

    //b.如果超过最大下标：则将往数组后面添加元素（用法不多）
    arr[5] = 88;
    console.log ( arr );
    console.log ( arr[ 4 ] );

    //数组赋值用的最多的是往数组后面只添加一个元素


</script>

3.数组长度

• 1.获取数组的长度:数组名.length

• 2.修改数组的长度会改变数组的元素数量:数组名.length = 值

• 3.删除数组的最后一个元素:数组名.length--

<script>
    /*获取数组的长度：数组中数据（元素）的个数
    获取：数组名.length
    赋值：  数组名.length = 值
        * 改变数组的长度会改变数组的元素数量
     */

    //1.往数组后面添加一个元素
    let arr = [10,20,30,40];
    arr[arr.length] = 50;	//arr.length = 最大下标 + 1
    console.log ( arr );	//[10,20,30,40,50]

    //2.删除数组最后的一个元素
    arr.length--;			//长度-1，相当于把最后一个元素删除了
    console.log ( arr );	//[10,20,30,40]

    //3.设置数组的长度会修改数组的元素
    arr.length = 2;
    console.log ( arr );	//相当于只保留前面两个元素，后面元素全部被删除了
</script>

4.数组另一种声明方式

• 1.简洁方式:let 数组名 = [元素1，元素2，元素3，……]

  • 最常用

• 2.标准方式：let 数组名 = new Array(元素1，元素2，元素3……)

• 3.两种方式唯一区别：创建时如果数组的元素只有一个时含义不同

  • 简洁方式：[10]; 代表数组长度为1，元素是10

  • 标准方式：new Array(10); 代表数组长度为10，没有元素

//1.创建一个空数组

//1.1简洁方式：最常用
let nums = [];
//1.2 标准方式
let array = new Array();

//2.创建有多个元素的数组
//2.1 简洁方式
let nums1 = [10,20,30,40,50];			//创建一个长度为5的数组，元素分别为10，20，30，40，50
//2.2 标准方式
let array1 = new Array(10,20,30,40,50);	//创建了一个长度为5的数组，元素分别为10,20,30,40,50
//2.3 这两种方式只是创建的区别，取值和获取长度都是一致
console.log ( nums1[ 2 ], array1[ 3 ]);
console.log ( array1.length, nums1.length );

//3.创建只有一个元素的数组
//3.1简洁方式
let nums2 = [10];			//创建一个长度为1的数组，元素是10
let array2 = new Array(10);	//创建一个长度为10的数组，没有元素。这是一个空数组
console.log ( nums2 );
console.log ( array2 );

 上一章：JavaScript入门第八章（流程控制与分支结构）

 下一章：JavaScript入门第十章（循环结构）