JavaScript高级程序设计学习2_引用类型_数组Array

1、检测数组

ECMScript5新增了Array.isArray（）方法，最终目的确定某值是不是数组，而不管它在哪个全局执行环境中创建的

if(Array.isArray(value)){
    //doSomething
}

可用instanceof操作符判断某值是不是引用实例，语法如下：

result = varible instanceof Object/Array/RegExp;

如果是，则返回true。

2、栈方法

push（）和pop（）都是数组默认的方法。push（）将参数值推入数组的末尾，并返回数组的长度、pop（）移除数组的最后一项，并返回数组的最后一项。

如下例：

let colors = ["red","blue"];
let i = colors.push("black");
alert(i);//3
let j = colors.pop();
alert(j);//"black"

3、队列方法

栈数据结构的的访问规则是LIFO（后进先出），而队列数据结构的访问规则是FIFO（先进先出）。shift（）能够移除数组的第一个项并返回该项，同时数组长度减一。

4、重排序方法

reverse()方法：反转数组的顺序；

sort()方法：默认从小到大排列数组。（以字符串来比较，不论数组的值是不是数字），因此可以接受一个比较函数作为参数，下例可以排列数字：

function compare(val1,val2){
    if(val1<val2) return -1;
    else if(val1>val2) return 1;
    else return 0;
}

let val = [1,0,9,4,6];
val.sort(compare);
alert(val);//0,1,4,6,9

function也可以写成 return val2 - val1;即可

5、操作方法

concat()方法：可以基于当前数组中的所有项创建一个新数组，接收的参数添加到数组副本的末尾，如下例：

let val1 = [1,2,3];
let val2 = val1.concat(4,[5,6]);
alert(val1);//1,2,3
alert(val2);//1,2,3,4,5,6

slice()方法：可以基于当前数组中的一个或多个项创建一个新数组，可以接受一个或两个参数，即返回项的起始与结束位置，如下例：

let val1 = [1,2,3,4,5,6];
let val2 = val1.slice(1);
let val3 = val1.slice(1,4);
alert(val2);//2,3,4,5,6
alert(val3);//2,3,4

splice()方法：恐怕算是数组最强大的方法了，它始终返回一个数组，包含从原始数组中删除的项（如没删除，则返回一个空数组）。

删除：可以删除任意数量的项，指定两个参数，要删除的第一项的位置和要删除的项数，例如splice(0,2)会删除数组的前两项

插入：可以向指定位置插入任意数量的项，指定三个参数，起始位置、0（要删除的项）和要插入的项，如要插入多个项，可在传入多个参数，例如splice(2,0,"a","b")会在当前数组位置2插入字符串"a"和"b"

替换：可以向指定位置删除任意数量的项，并插入同数量的项即可

6、迭代方法

ECMScript5定义了5个迭代方法，每个方法接受两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象——影像this的值。传入这些方法的函数会接收3个参数：数组项的值、该项在数组中的位置和数组对象本身。

every（）：对数组中的每一项运行给定函数，如函数对每一项都返回true，则返回true；

some（）：对数组中的每一项运行给定函数，如函数对任意一项返回true，则返回true；

filter（）：对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组；

forEach（）：对数组中的每一项运行给定函数，无返回值；

map（）：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组；

以上方法都不会修改数组的值。如下例：

let num = [1,2,3,4,5,4,3,2,1];
let everyNum = num.every(function(item,index,array){
    return (item > 2);
});
alert(everyNum);//false
let someNum = num.some(function(item,index,array){
    return (item > 2);
});
alert(someNum );//true
let filterNum= num.filter(function(item,index,array){
    return (item > 2);
});
alert(filterNum);//[3,4,5,4,3]
let mapNum= num.map(function(item,index,array){
    return item * 2;
});
alert(mapNum);//[2,4,6,8,10,8,6,4,2]
num.forEach(function(item,index,array){
    //doSomething
});

7、归并方法

ECMScript5新增了两个归并方法：reduce（）和reduceRight（）。这两个方法都会迭代数组的所有项，然后构建一个最终返回的值，一个从左开始，一个从右开始。这两个函数都接收两个参数：一个在每个项调用的函数和（可选的）作为归并基础的初始值。传入函数接受四个参数：前一个值、当前值、项的索引和数组对象。如下例：

let num = [1,2,3,4,5];
let sum = num.reduce(function(pre,cur,index,array){
    return prev + cur;
});
alert(sum);//15

JavaScript高级程序设计学习2_引用类型_数组Array

猜你喜欢