数组数据类型及数组的基本操作

数组数据类型—Array

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

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

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

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

一、创建数组数据类型

1、字面量创建方式

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

（2）创建一个带有数据的数组：var arr = [数组1，数组2，…]

var arr = [ 100, 200, 300, true, 'hello', { name: 'Jack' }, function () {} ]

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

（1）创建空数组：var arr = new Array()

（2）创建一个带有数据的数组：var arr = new Array(数组1，数组2，…)

var arr = new Array( 100, 200, 300, true, 'hello', { name: 'Jack' }, function () {} )

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

/* 这里的 10 指的是数组的长度，因为你只指定了长度, 没有指定每一个位置的数据, 那么使用 empty 填充*/
 var arr = new Array(10)
 console.log(arr)

二、 数组和对象的区别

1、一般来说, 数组存储的都是有规律的数据，数组内的所有数据都是一个数据类型

2、 一般来说, 对象存储的都是无规律的数据，一般用来描述一个事物或者内容

三、数组的基本操作

1、length属性

（1）每一个数组带有一个length属性

（2）是一个可读写的属性

• 读（获取）：数组名.length ----该数组内有多少个数据 是一个number类型

• 写（设置）：数组名.length=数字 -----设置数组的长度
  1）设置的数字比原先 length 小: ** 从数组的末尾开始删除数据 **
  ​ 2）设置的数字和原先 length 一样: 写了白写
  ​ 3）设置的数字比原先 length 大: 空出来的位置使用 empty 补齐

2、索引属性

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

是一个可读写的属性

• 读（获取）

  语法：数组名[]

  得到： 数组该索引位置的数据，若有该索引位置，就是该索引位置的数据，若无该索引位置，那么就是undefined

• 写（设置）

  语法：数组名[索引] =值

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

  （1）若设置的索引是数组中本身存储在的: 修改数组中某一个索引位置的数据

  （2）若设置的索引刚好和 length 一样:

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

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

  （3）设置的索引比 length 大:

  ​ 1) 会设置到指定索引位置

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

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

3、数组的遍历

（1）因为数组的数据排列是按照索引排列的, 所以是一组有规律的数字

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

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

• 数组操作案例

  /*找数组中的最大值*/
  var arr = [ 10, 20, 12, 34, 21, 6, -3, 7 ]
  var max=arr[0]
  for(var i=1;i<=arr.length;i++){
    if (arr[i] > max) {
      max=arr[i]
     }
  }
  console.log(max)
  --------------------------------------------
  /*找数组中的最大值的索引*/
  var arr = [ 10, 20, 12, 34, 21, 6, -3, 7 ]
  var maxIndex=0
  for(var i=1;i<=arr.length;i++){
    if(arr[i]>arr[maxIndex]){
        maxIndex=i
    }
  }
  console.log(maxIndex, arr[maxIndex])
  --------------------------------------------
  /*制作一个数组,要求数组长度是 30, 数组内的数据分别是从 2 开始的所有 偶数*/
  ----方案一：
  var arr=new Array(30)
  for (var i=1;i<=arr.length;i++){
      arr[i]=(i+1)*2
  }
  console.log(arr)
  -----方案二
  var arr=[]
  for (var i=2;i<=60;i+=2){
      arr[arr.length]=2
  }
  console.log(arr)
  -------方案三
  var arr=[]
  while(arr.length<30){
      arr[arr.length]=(arr.length+1)*2
  }
  console.log(arr)