认识数组数据类型 - Array

认识数组数据类型 - Array

解释

1.是一个 JS 内的数据类型, 是一个复杂数据类型

2.也是一个 “盒子”, 用来存储数据的盒子

3.数组内存储的数据是按照 “序号” 排列的, 有序的数据集合

4.序号: 叫做 索引 或者 下标, 从 0 开始, 依次 +1

创建数组数据类型

1. 字面量方式创建

（1） 创建空数组: var arr = []

​ ( 2 )创建一个带有数据的数组: var arr = [ 数据1, 数据2, 数据3, … ]

// 空数组
     var arr = []
     console.log(arr)
    // 带有数据的数组
     var arr = [ 100, 200, 300, true, 'hello', { name: 'Jack' }, function () {} ]
     console.log(arr)

2. 内置构造函数方式创建

​ (1) 创建空数组: var arr = new Array()

​ (2) 创建一个带有数据的数组: var arr = new Array( 数据1, 数据2, 数据3, … )

​ (3) 创建指定长度的数组: var arr = new Array(数字)

// 空数组
     var arr = new Array()
     console.log(arr)
    // 带有数据的数组
     var arr = new Array( 100, 200, 300, true, 'hello', { name: 'Jack' }, function () {} )
     console.log(arr)
    // 指定长度的数组
    // 这里的 10 指的是数组的长度
    // 因为你只是指定了长度, 没有指定每一个位置的数据, 那么使用 empty 填充
    var arr = new Array(10)
    console.log(arr)

数组和对象的区别

​ 1. 一般来说, 数组存储的都是有规律的数据

​ 数组内的所有数据都是一个数据类型

​ 2. 一般来说, 对象存储的都是无规律的数据

​ 一般用来描述一个事物或者内容

数组的基本操作

length 属性

​ (1)每一个数组带有一个 length 属性

​ (2)是一个读写的属性

​ (3)读(获取)

​ <1> 语法: 数组名.length

​ <2>得到: 该数组内有多少个数据, 是一个 Number 类型

​ (4) 写(设置)

​ <1> 语法: 数组名.length = 数字

​ <2> 作用: 设置数组的长度

​ 你设置的数字比原先 length 小: ** 从数组的末尾开始删除数据 **

​ 你设置的数字和原先 length 一样: 写了白写

​ 你设置的数字比原先 length 大: ** 空出来的位置使用 empty 补齐 **

索引 属性

​ (1) 每个数据都可以依靠索引属性操作数据中的数据

​ (2)是一个读写的属性

​ (3)读(获取)

​ 语法: 数组名[索引]

​ 得到: 数组该索引位置的数据

​ 如果有该索引位置, 就是该索引位置的数据

​ 如果没有该索引位置, 那么就是 undefined

​ （4） 写(设置)

​ 语法: 数组名[索引] = 值

​ 作用: 给数组该索引位置进行赋值

​ 1.你设置的索引是数组中本身存储在的: 修改数组中某一个索引位置的数据

​ 2.你设置的索引刚好和 length 一样:

​ （1） 数组最后一位的索引一定是 length - 1

​ （2） 你设置的是 length, 就相对于在现有基础上追加一个数据

​ 3. 你设置的索引比 length 大:

​ （1） 会设置到指定索引位置

​ （2） 中间空出来的会用 empty 补齐

​ （3） 为了保证数组最后一位的索引一定是 length - 1

数组的遍历

​ 1. 因为数组的数据排列是按照索引排列的, 一组有规律的数字

​ 2. 循环刚好可以给我们提供一组有规律的数字

​ 3. 我们就可以使用循环来遍历数组, 使用循环控制变量充当数组的索引

实例

// 准备一个数组
    var arr = [ 100, 200, 300, 400, 500 ]
    console.log(arr)

    // 1. length 属性
     console.log(arr.length)

    // 1-2. length 属性设置
     arr.length = 10
     console.log('设置长度之后 : ', arr)


    // 2. 索引属性
     console.log(arr[2])
     console.log(arr[100])

    // 2-2. 索引属性设置
    // 本身有这个索引, 就是替换
     arr[2] = '新来的'
     console.log('索引属性设置之后 : ', arr)
    // 刚好和 length 一样, 就是追加
     arr[arr.length] = '新来的'
     console.log('索引属性设置之后 : ', arr)
    // 比 length 大, 中间位置使用 empty 补齐
     arr[100] = '新来的'
     console.log('索引属性设置之后 : ', arr)

    // 3. 数组 遍历
    // 开始: 0
    // 条件: <= length - 1
    // 步长: +1
    for (var i = 0; i < arr.length; i++) {
      // 在循环内, i 刚好和 arr 的每一个索引配套
       console.log(i)
      console.log(arr[i])
    }

案例

案例1：找到数组中的最大值

// 准备一个数组
     var arr = [ 10, 20, 12, 34, 21, 6, -3, 7 ]
     console.log(arr)

    // 步骤1: 假设一个数字是数组中的最大值, 假设那个数字 ?
    // 假设数组中的 [0] 数据是数组中的最大值
     var max = arr[0]
    // 步骤2: 循环遍历数组, 依次与 max 进行比较
    //       如果大于 max, 就进行替换
     for (var i = 1; i < arr.length; i++) {
       if (arr[i] > max) {
    //     // 进行替换
         max = arr[i]
       }
     }
    // 循环结束以后, max 就是数组中最大的那个数字
     console.log(max)

案例2：找到数组中的最大值的索引

   var arr = [ 10, 20, 12, 34, 21, 6, -3, 7 ]
     console.log(arr)
    // 步骤1: 假设一个索引位置的数字是数组中的最大值, 假设 [0]
     var maxIndex = 0
    // 步骤2: 循环遍历数组, 依次与 arr[maxIndex] 进行比较
     for (var i = 1; i < arr.length; i++) {
    //   // 进行比较
       if (arr[i] > arr[maxIndex]) {
    //     // 进行替换的时候, 替换索引
         maxIndex = i
       }
     }
    // 循环结束, maxIndex 就是数组内最大数据的索引
     console.log(maxIndex, arr[maxIndex])

案例3：制作一个数组

要求：数组长度是30，数组内的数据分别是从2开始的所有偶数

方案1

 1. 我们可以定义一个指定长度的数组
      2. 直接开始遍历数组, 遍历的过程中能拿到每一个索引
      3. 找到 索引 和 每一个数字之间的关系
        => 0     2
        => 1     4
        => 2     6
        => 3     8
        => 4     10
        => ...
        => x     (x + 1) * 2
    
    // 步骤1:
     var arr = new Array(30)
     console.log(arr)
    // // 步骤2: 遍历
     for (var i = 0; i < arr.length; i++) {
    //   // 给每一个 i 的位置进行赋值
       arr[i] = (i + 1) * 2
     }
    // // 循环完毕
     console.log(arr)

方案2

/*
      1. 准备一个空数组
      2. 循环遍历拿到 2 ~ 60 的数字
      3. 把每一个数字依次追加到数组内
    */

    // 步骤1:
     var arr = []
     console.log(arr)
    // // 步骤2: 循环拿到数字
     for (var i = 2; i <= 60; i += 2) {
        console.log(i)
    //   // 每次追加到数组内即可
       arr[arr.length] = i
     }
    // // 循环结束以后
     console.log(arr)

方案4

/*
      1. 准备一个空数组
      2. 使用 while 循环依次追加
        => 判断条件 length < 30
      3. 随着循环逐个追加数据
    */

    // 步骤1: 准备一个空数组
     var arr = []
     console.log(arr)

    // // 步骤2: 使用 while 循环来根据 length 决定是否循环
     while (arr.length < 30) {
    //   // 这里的代码执行, 表示 arr.length 不够 30
       arr[arr.length] = (arr.length + 1) * 2
     }

    // // 循环结束以后
     console.log(arr)