JavaScript学习笔记（六）--数组

数组初始化

我们都知道，数组是用于保存多个值的集合，在数组中，值被称为元素，值可以是任意的数据类型。在Javascript中，创建数组通常有两种方式：字面量和构造函数。

字面量

数组的元素可以是任意的数据类型，也可以是函数。

var arr = [];
var arr = [8,1,3];
var arr = [[8,1,3],[2,3,4]];
var arr = [true,function()];

构造函数

可以使用Object系统内置的Array对象构造函数，也可以使用自定义构造函数。

var arr = new Array();  //[]
var arr = new Array(5);    //[ <5 empty items> ]
var arr = new Array("a");    //[ 'a' ]
var arr = new Array(2,3,4);    //[ 2, 3, 4 ]
Array.of(5);    //[ 5 ]
Array.of(2,2);  //[ 2,2 ]

需要注意的是，new Array(5)是指创建了一个含有五个元素的数组，而Array.of(5) 是将参数中的值(5)作为数组的元素。

元素访问

通过索引来访问元素：对象[索引]，索引从0开始。数组的长度通过length属性来获取，length可读可写。

var arr = [1,2,3];
arr[0];         //1
arr.length;     //3
arr[100];       // undefined

数组遍历

数组的遍历有四种方式，分别是for、while、do-while以及for-in，这几种循环语句在前面的JavaScript学习笔记（二）–流程控制语句里都分析总结过，这里就不细说了，需要了解的童鞋请自行查看哦~

数组API

api是应用程序编程接口——别人写的代码供我们来调用，使用时要关注api改变的是数组本身，还是在副本上做的改变。

Array.*

Array.isArray()
判断一个变量是否是数组
Array.from()
将一个可迭代的对象转换为数组
Array.of()
将参数中的值作为数组的元素

Array.prototype.*

迭代

参数都是一个回调函数，回调可以接收三个参数，分别为元素（ item）、索引（index）、数组（arr）。

方法	返回值	作用
Array.prototype.forEach()	undefined	遍历数组对象
Array.prototype.every()	boolean	判断元素是否都满足同一个条件
Array.prototype.some()	boolean	判断是否有元素满足同一个条件
Array.prototype.filter()	arr	返回回调函数返回true的元素的集合
Array.prototype.map()	arr	返回回调函数返回值组成的数组

拓展—>模仿forEach写一个myForeach，使其效果与forEach完全相同。

var arr = ["terry","larry","tom"];
arr.forEach(function(item){console.log(item);
});Array.prototype.myForEach = function(handler){for(var i=0;i<this.length;i++){var item = this[i];handler.call(this,item,i);}
}
arr.myForEach(function(item,index){console.log(item);
});

这里引入了闭包的概念：函数内部嵌套函数，内部函数拥有外部函数的变量，内部函数与外部函数的这个变量就组成了闭包。

栈，队列

方法	参数	返回值	作用
Array.prototype.push()	任意值	数组长度	向数组的末尾追加指定值
Array.prototype.pop()	无	删除的栈顶元素	删除元素
Array.prototype.shift()	无	删除的队列首部元素	出队列
Array.prototype.unshift()	任意值	插入后数组的长度	将指定元素插入到队列的首部

排序

Array.prototype.reverse();
Array.prototype.sort();

这两种排序方法默认将数组元素转换为字符串，然后进行排序。sort()允许接收一个比较器函数作为参数，比较器函数有两个参数a、b，如果a > b，返回1，升序；如果a > b，返回-1，降序。(详情请查看–>JavaScript算法（实例三）数组排序)。

截取

slice()

slice()方法有两个参数，begin和end，分别表示开始位置索引和结束位置索引，在截取时不包含end对应的元素。end可以省略，此时截取到最后一位元素。用slice()方法截取数组时，数组的原值不发生改变。

[1,2,3].slice(1);   //[2,3]
[1,2,3,4,5,6].slice(1,3); //[2,3]

splice()

splice()方法有三个参数，begin、num和x，x，…，分别表示开始位置索引、删除的元素个数、插入的元素。x，x，…可以省略，此时splice(）方法仅用来删除元素。

[1,2,3,4,5,6].splice(2,2);          //[1,2,5,6]
[1,2,3,4,5,6].splice(2,2,9,8);      //[1,2,9,8,5,6]
[1,2,3,4,5,6].splice(3,0,9,9,9);    //[1,2,3,9,9,9,5,6]

如何克隆一个数组?

1、concat()

使用 concat() 用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

var arr1 = [1, 2, 3]
var arr2 = arr1.concat()
arr1[0] = 5
console.log(arr2) // [1, 2, 3]

由于concat() 返回的是一个副本，所以改变 arr1 的时候对arr2不会产生影响。

2、slice()

slice()方法表示从一个数组中截取出新的数组，它有两个参数，如果不写参数，那么slice方法可以实现数组的复制。

var arr1 = [1, 2, 3, 4]
var arr2 = arr1.slice()
console.log(arr2)     //[1,2,3,4]
arr1 = [4, 3, 2, 1]
console.log(arr2)     //[1,2,3,4]

3、… 扩展运算符

var arr1 = [1, 2];
var arr2 = [...arr1];  //[1, 2]
var [...arr2] = arr1;  //[1, 2]

4、JSON.stringify

var arr = [1, 2, 3, 4]
var arr1 = JSON.parse(JSON.stringify(arr)) //[1, 2, 3, 4]

5、Object.assign()

var arr = [1,2,3,4]
var arr1 = []
Object.assign(arr1,arr)
arr[0] = 6
console.log(arr)  // [6, 2, 3, 4]
console.log(arr1) // [1, 2, 3, 4]

6、自己封装一个myClone函数

Array.prototype.myClone = function(){var newArr=[];for(var i=0;i<this.length;i++) {newArr.push(this[i]);}return newArr;
}
var arr = ['aaa','bbb','ccc']
var arr1 = arr.myClone()
console.log(arr)   //["aaa", "bbb", "ccc"]
console.log(arr1)  //["aaa", "bbb", "ccc"]
console.log( arr1 === arr )   //false