数组（Array）

• 数组也是一个对象，它和我们普通对象功能相似，也是用来存储一些值的，不同的是普通对象是使用字符串作为属性名的，而数组是使用数字作为索引操作元素
• 索引：从0开始的整数就是索引
• 数组的存储性能要比普通对象好，在开发过程中我们经常使用数组来存储一些数据
• 使用typeof检查一个数组时，会返回object

使用构造函数创建数组对象

var arr = new Array();

使用构造函数创建数组时，可以同时添加元素，将要添加的元素作为构造函数的参数传递，元素之间使用,隔开

var arr = new Array（10,20,30);
var arr =  new Array（10);//只有一个参数时代表创建一个长度为10的数组

向数组中添加元素

语法：数组[索引] = 值

arr[0]  = 10;
arr[1]  = 20;
arr[2]  = 30;

读取数组中的元素

语法：数组[索引]

如果读取不存在的索引，页面不会报错而是返回undefined

获取数组的长度

可以使用length属性来获取数组的长度（元素的个数）

语法：数组.length 

对于连续的数组，使用length可以获取到数组的长度（元素的个数）
对于非连续的数组，使用length会获取到数组的最大索引值+1
尽量不要创建非连续的数组

修改length
如果修改的length大于原长度，则多出的部分会空出来
如果修改的length小于原长度，则多出的元素会被删除

==向数组的最后一个位置添加元素

语法：数组[数组.length] = 值

arr[arr.length] = 40;//arr[3] = 40
arr[arr.length] = 50;//arr[4] = 50

使用字面量创建数组

语法：[]

var arr = [];

使用字面量创建数组时，可以在创建时就指定数组中的元素

var arr = [1,2,3,4,5,6];
var arr = [1];//创建一个数组，数组中只有一个元素1

• 数组中的元素可以是任意的数据类型，也可以是对象，也可以是函数

var arr = [{name:"孙悟空"},{name:"沙和尚"},{name:"猪八戒"}];

var arr = [function(){alert(1);},function(){alert(2);}];
arr[0]();//调用数组中的第一个函数

• 数组中也可以放数组，如下这种数组我们称为二维数组

var arr = [[1,2,3],[4,5,6],[7,8,9]];
console.log(arr[0]);//123

数组的方法

• push()
  该方法可以向数组的末尾添加一个或者多个元素，并返回数组的新的长度。
  将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾。

• pop()
  该方法可以删除数组的最后一个元素，并将被删除的元素作为返回值返回

• unshift()
  向数组开头添加一个或者多个元素，并返回新的数组长度
  向前边插入元素后，其他的元素索引会依次调整

• shift()
  可以删除数组的第一个元素，并将被删除的元素作为返回值返回

• slice()
  用于从某个已有的数组返回指定的元素，该方法不会改变原数组，而是将截取到的元素封装到一个新的数组中返回。
  参数：
  1.截取开始的位置的索引，包含开始索引
  2.截取结束的位置的索引，不包含结束索引,第二个参数可以省略不写,此时会截取从开始索引往后的所有元素。
  索引可以传递一个负值,如果传递一个负值,则从后往前计算。比如，-1代表倒数第一个,-2代表倒数第二个。

var arr = ["孙悟空","猪八戒","沙和尚","玉兔精","唐僧"];
var result = arr. slice(1,4);
console.log(result);//猪八戒,沙和尚,玉兔精

• splice()
  用于删除数组中的指定元素,并向数组中添加新元素。
  使用splice()会影响到原数组,会将指定元素从原数组中删除,并将被删除的元素作为返回值返回。
  参数:
  第一个参数,表示开始位置的索引;
  第二个参数,表示删除的数量;
  第三个及以后的参数,可以传递一些新的元素, 这些元素将会自动插入到开始位置索引前边。

var arr = ["孙悟空","猪八戒","沙和尚","玉兔精","唐僧"];
var result = arr.splice(0,2);//孙悟空,猪八戒

concat()
可以连接两个或多个数组,并将新的数组返回。该方法不会对原数组产生影响。参数不仅可以是数组,也可以是数组元素。

var arr = ["孙悟空","猪八戒","沙和尚"];
var arr2 = ["玉兔精","唐僧"];
var arr3 = ["玉皇大帝","铁扇公主"];
var result = arr.concat(arr2,arr3,"牛魔王");
console.log(arr);//"孙悟空", "猪八戒", "沙和尚"
console.log(result);// "孙悟空", "猪八戒", "沙和尚", "玉兔精", "唐僧", "玉皇大帝", "铁扇公主", "牛魔王"

join()
该方法可以将数组转换为一个字符串,不会对原数组产生影响,而是将转换后的字符串作为结果返回。
在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符.如果不指定连接符,则默认使用,作为连接符.

var arr = ["孙悟空","猪八戒","沙和尚"];
var result = arr.join("_");
console.log(arr);
console.log(result);//孙悟空_猪八戒_沙和尚

reverse()
该方法用来反转数组(前边的去后边,后边的去前边),该方法会直接修改原数组

var arr = ["孙悟空","猪八戒","沙和尚"];
arr.reverse();
console.log(arr);// "沙和尚", "猪八戒", "孙悟空" 

sort()

• 用来对数组中的元素进行排序,会影响原数组,默认会按照Unicode编码进行排序。

• 即使对于纯数字的数组，使用该方法排序时，也会按照Unicode编码来排序，所以对数字进行排序时，可能会得到错误的结果。

• 我们可以自己来指定排序的规则。在sort()中添加一个回调函数,来指定排序规则,回调函数中需要定义两个形参,浏览器将会分别使用数组中的元素作为实参去调用回调函数。使用哪个元素调用不确定,但肯定的是在数组中a一定在b前边。

• 浏览器会根据回调函数的返回值来决定元素的顺序。
  如果返回一个大于0的值，则元素会交换位置；
  如果返回一个小于0的值，则元素位置不变；
  如果返回一个0，则认为两个元素相等，位置不变。

• 如果需要升序排列，则返回a-b
  如果需要降序排列，则返回b-a

arr = ["b","d","a","e","c"];
arr.sort();
arr.reverse();
console.log(arr);//"e", "d", "c", "b", "a" 

arr = [5,2,8,3,4,6,10,11,7];
arr.sort(function(a,b){
    //升序
    // return a-b;
    //降序
    return b-a;
});
console.log(arr);//11, 10, 8, 7, 6, 5, 4, 3, 2

遍历数组

所谓的遍历数组，就是将数组中的所有元素都取出来。

var arr = ["孙悟空","猪八戒","沙和尚","玉兔精","唐僧"];
for(i = 0 ; i < arr.length ; i++){
     console.log(arr[i]);
 }

forEach()
一般我们都是采用for循环去遍历数组，JS中还提供了forEach()方法来遍历数组。
这个方法只支持IE8以上的浏览器，IE8及以下的浏览器均不支持该方法，如果需要兼容IE8浏览器，还是使用for循环来遍历数组。
forEach()方法需要一个函数作为参数。像这种由我们创建但是不由我们调用的函数称为回调函数。
数组中有几个元素，函数就会执行几次，每次执行时，浏览器会将遍历到的元素以实参的形式传递进来，我们可以定义形参，来读取这些内容。
浏览器会在回调函数中传递三个参数:
第一个参数：就是当前正在遍历的元素；
第二个参数：就是当前正在遍历的元素的索引；
第三个参数：就是正在遍历的数组。

var arr = ["孙悟空","猪八戒","沙和尚","玉兔精","唐僧"];
arr.forEach(function(value , index , obj){
});