JavaScript的数组及数组对象

数组

1. 所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。
2. 数组是一个Array对象 属于复杂数据类型

创建数组

字面量形式

var arr = ['内容1','内容2','内容3'];

构造函数形式

var arr = new Array('内容1','内容2','内容3');

细节注意: 使用构造函数形式array的小括号里面如果只写一个数值型的数据表示这个数组的长度 而不是内容

数组的长度和下标

获取数组的某一个元素：数组[下标] 下标从0开始
获取数组的长度 数组.length
数组的长度和下标的关系：arr.length - 1 = 最大的下标

数组的赋值和修改及其追加

var arr = ["red", "green", "blue"];
arr[0] = "yellow";//把red替换成了yellow
arr[3] = "pink";//给数组新增加了一个pink的值

遍历数组

访问数组里面的每一个数据

for(var i = 1; i <= arr.length; i++){
    console.log(arr[i - 1]);
}

for(var i = 0; i < arr.length; i++){
    console.log(arr[i]);
}

forEach()也是常用的遍历数组的方法
语法：数组名.forEach(function(){…})

// 声明arr数组
var arr = [2019, 10, 24, 11, 03]
// 采用ES6的箭头函数，element为数组的每一项
    arr.forEach(element => {
        console.log(element);//2019, 10, 24, 11, 03
    });

Array对象

数组对象在javascript中非常的常用

• 数组转换（★）

  //语法：array.join(separator)
  //作用：将数组的值拼接成字符串
  
  var arr = [1,2,3,4,5];
  arr.join();//不传参数，默认按【,】进行拼接
  arr.join("-");//按【-】进行拼接
  

  数组—>字符串—数组.join()
  字符串---->数组—字符串.split()

• 数组的增删操作（★）

  array.push();//从后面添加元素，返回新数组的length
  array.pop();//从数组的后面删除元素，返回删除的那个元素
  array.unshift();//从数组的前面的添加元素，返回新数组的长度
  array.shift();//从数组的最前面删除元素，返回删除的那个元素
  
  //练习1
  var arr = ["刘备"];
  //添加数据后变成：["赵云","马超","刘备","关羽","张飞"]
  //删除数据后变成：["关羽","张飞"]
  
  //练习2
  var arr = ["赵云","马超","刘备","关羽","张飞"];
  //把数组的最后一个元素变成数组的第一个元素
  //把数组的第一个元素变成数组的最后一个元素
  

• 数组的翻转与排序

  array.reverse();//翻转数组
  array.sort();//数组的排序，默认按照字母顺序排序
  
  //sort方法可以传递一个函数作为参数，这个参数用来控制数组如何进行排序
  arr.sort(function(a, b){
    //如果返回值>0,则交换位置
    return a - b;
  });
  

• 数组的拼接与截取

  //concat：数组合并，不会影响原来的数组，会返回一个新数组。
  var arr1 = [1,2,3]
  var arr2 = [4,5,6]
  var arr3 = arr2.concat(arr1)
  console.log(arr3)//[4,5,6,1,2,3]
  
  //slice:数组切分，复制数组的一部分到一个新数组，并返回这个数组 不修改原数组
  //原来的数组不受影响，包含begin，不包含end
  var newArray = array.slice(begin, end);
  
  //splice:删除数组元素或者增加数组元素或者替换数组元素,返回截取的项组成的新数组
  //start:开始位置  deleteCount:删除的个数  items:替换的内容
  array.slice(start, deleteCount, [items]);
  
  //例：
  var arr = ["赵云","马超","刘备","关羽","张飞"];
  //截取["刘备","关羽"]
  //var newarr = arr.splice(2,2)
  // console.log(newarr)//["刘备","关羽"]
  //在马超后面增加 马腾
  //arr.splice(2,0,'马腾')
  //console.log(arr)//["赵云", "马超", "马腾", "刘备", "关羽", "张飞"]
  //删除关羽
  //arr.splice(3,1)
  //console.log(arr)/["赵云","马超","刘备","张飞"];
  

• 数组查找元素

  //indexOf方法用来查找数组中某个元素第一次出现的位置，如果找不到，返回-1
  array.indexOf(search, [fromIndex]);
  
  //astIndexOf()从后面开始查找数组中元素出现位置,如果找不到，返回-1
  array.lastIndexOf(search, [fromIndex]);
  

• 清空数组的方法

  //1. array.splice(0,array.leng);//删除数组中所有的元素
  //2．array.length = 0;//直接修改数组的长度
  //3．array = [];//将数组赋值为一个空数组，推荐