数组常用方法详解

数组常用方法详解

数组概念：数组可以把一组相关的数据存放在一起，并提供方便的访问方式，就是一株数据的几个，每一个单独的数据叫做元素，数组中可以存放任意类型的元素。

数组创建
常见的两种创建方式有两种：
1.new关键字创建：var arr = new Array();
2.字面量创建：var arr1 = [ ];

数组长度
返回数组元素个数的值：arr.lenght

数组遍历
数组遍历：forEach()，用法如下：

	var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
    //                    每一项  下标  数组对象
    arr.forEach(function (value, index, are) {
      console.log(value, index, are);
    });

可以看出forEach方法括号中需 传入函数，函数的三个参数分别表示返回数组的每一项的项数，索引号，数组对象。

数组API
常用的API分为两大类，一类改变了原数组，另一类不改变原数组，需要赋值给一个新变量。
修改了原数组API
unshift:在数组开头添加一个或多个元素

	var arr = [1, 2, 3, 4, 5, 6];
    arr.unshift(0, -1); //在数组开头添加一个或多个元素
    console.log(arr);

push:在数组末尾增加一个或多个元素

	arr.push(7, 8); //在数组末尾增加一个或多个元素
    console.log(arr);

shift:删除数组第一个元素

	arr.shift(); //删除数组第一个元素
    console.log(arr);

pop:删除最后一个元素

	var num2 = arr.pop(); //删除最后一个元素
    console.log(arr);

splice:截取数组长度添加新数组

	   //开始下标 长度  增加的数组
    arr.splice(4, 2, 9, 10);
    console.log(arr);

reverse:数组元素倒序

	arr.reverse(); //倒序
    console.log(arr);

sort():排序，如果括号中不填内容按照每个元素ASCII码从小到大排序，如果元素中是数字按照顺序排序，则加入函数。

	var arr = [1, 2, 3, 4, 5, 6, 10];
	arr.sort(); //按照ASCII码大小排列
    console.log(arr);

	var arr1 = arr.sort(function (a, b) {
      return a - b;//从小到大排列
    });

不修改原数组API
concat():把括号中参数连接到数组中

	var arr1 = [1, 2, 3, 4, 5];
    var arr2 = [1, 2, 3, 9, 10];
    var arr3 = arr1.concat(arr2);
    var arr4 = arr3.concat(arr1, arr2);
    console.log(arr1);
    console.log(arr4);

可以看出原数组arr中的元素并未发生改变，所以concat是一个不改变原数组的方法，需要重新赋值给另一个。
join():把所有元素存放一个字符串中用()中的分割。

	var arr = ['今', '天', '是', '星', '期', '二'];
    var arr2 = arr.join("");
    var arr3 = arr.join("、");
    console.log(arr2);
    console.log(arr3);

toString():将数组转换为字符串

	var arr = ['今', '天', '是', '星', '期', '二'];
    var arr4 = arr.toString();
    console.log(arr4);

slice:截取数组（和splice相似，但slice只有两个参数，只做字符串的截取）

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

valueof:返回数组原始值

	var arr = [1, 2, 3, 4, 5, 6, 7];
    //  直接打 = 
    var arr1 = arr;
    // 通过遍历赋值
    var arr2 = [];
    for (var i = 0; i < 7; i++) {
      arr2[i] = arr[i]
    }
    //   valueOf   创建一个数组实例对象
    var arr3 = arr.valueOf();
    arr3.push("456")
    console.log(arr);
    console.log(arr2);
    console.log(arr3);
    console.log(arr == arr2);
    console.log(arr == arr3);

通过上面实例可以看到，valueOf方法和=直接赋值用法原理是一样的，例子中arr2数据和原数组数据一样但地址不一样，所以指向原地址的数组数据会都改变，不同地址的不会改变。
indexOf:查找数组指定元素的第一个索引
lastIndexOf：查找数组指定元素的最后一个索引

	var arr = [1, 2, 3, 5, 6, 3, 7, 8];
    var num = arr.indexOf(3);
    var num1 = arr.lastIndexOf(3);
    console.log(num);
    console.log(num1);