Array数组相关的方法

一、检测数组

1.instanceof操作符
适用于一个网页或者一个全局作用域而言,作用是确定某个对象是不是数组

if (value instanceof Array){
    //对数组执行某些操作
}

instanceof操作符的问题在于:它假定只有一个全局执行环境。但如果网页中包含多个框架,那实际上就存在两个以上不同的全局执行环境,从而存在两个以上不同版本的Array构造函数。因此如果从一个框架向另一个框架传入一个数组,那么传入的数组与再第二个框架中原生创建的数组分别具有各自不同的构造函数。

2.Array.isArray()方法
为了解决上面的问题,ECMAScript新增了此方法,该方法目的是确定某个值到底是不是数组,而不管它是在哪个全局执行环境中创建的,用法如下:

if (Array.isArray(value)){
    //对数组执行某些操作
}

二、转换方法

1.toString()方法、toLocaleString()方法

var colors=["red","blue","green"];
alert(colors.toString());      //red,blue,green
alert(colors);                 //red,blue,green

由于alert()要接收字符串参数,所以它会再后台调用toString()方法,所以会得到与直接调用toString方法相同的结果。
toLocaleString()方法经常能得到与toString()和valueOf()方法相同的值,不过也不总是这样,调用该方法时,它也会创建一个以逗号隔开的字符串。不同之处在于,这一次为了取得每一项的值,调用的是每一项的toLocaleString()方法,而不是toString()方法,说实话这个东西,我也没弄明白有啥用。。。。。。时间紧迫,以后有机会再作研究。

三、栈方法

1.push()方法和pop()方法先入后出,入是push()方法,出是pop()方法,这两个操作只发生在一个位置,就是栈的顶部,也就是说push()方法添加的参数都是添加到数组末尾,pop()方法移除的参数也是移除的数组最后一项。

var colors=new Array();                   //创建一个数组
var count=colors.push("red","green")      //推入两项
alert(count);      //2

count=colors.push("black");               //推入另一项
alert(count);      //3

var item=colors.pop();
alert(item);      //"black"
alert(colors.length)      //2

调用pop()方法时,它会返回数组的最后一项,也就是字符串"black"
栈方法也可以与其他数组方法连用

四、队列方法

1.push()方法和shift()方法,先入先出,用法同栈方法类似,push()方法从末端添加项,shift()方法从数组前端取得项。
此外,ECMAScript还为数组提供了一个unshift()方法。顾名思义。unshift()和shift()的用途相反:它能够在数组的前端添加任意个项并返回新数组的长度。因此,同时使用unshift()方法和pop()方法可以从相反方向来模拟队列方法,即在数组的前端添加项,从数组的后端移除项。

五、重排序方法

1.reverse()方法
reverse()方法就是简单的反转数组项的顺序,作用很直观明了,就是不够灵活。

var values=[1,2,3,4,5];
values.reverse();
alert(values);      //5,4,3,2,1
}

2.sort()方法
还没搞明白,只记住了一个嵌套函数实现按数值大小降序排列,具体代码如下:

var values=[0,1,5,10,15];
values.sort(compare);
alert(values);      //0,1,5,10,15

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

var values=[0,1,5,10,15]
values.sort(compare);
alert(values);      //15,10,5,1,0

如果只是想简单的反转数组的顺序,还是用reverse()方法来的更快速一些。

六、操作方法

ECMAScript为操作已经包含在数组中的项提供了很多方法。
1.concat()方法
该方法可以基于当前数组中的所有项创建一个新数组。具体来说就是该方法会先创建当前函数的一个副本,然后将接受到的参数添加到这个副本的末尾,最后返回新构建的数组。
如果没有给concat()方法传递参数,它就是复制当前数组并返回副本。
如果传递给concat()方法的是一个或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。
如果传递的值不是数组,这些值就会被简单的添加到结果数组的末尾。

2.slice()方法
能够基于当前数组中的一个或多个项创建一个新数组。该方法可以接受一或两个参数,即要返回项的起始和结束位置。
在只有一个参数的情况下,该方法返回从该参数指定位置开始到当前数组末尾的所有项。
如果有两个参数,该方法返回起始和结束位置之间的项,但不包括结束为止的项。
slice()方法不会影响原始数组。
参数中若有负数,用数组长度加上该负数来确定相应位置。

3.splice()方法
该方法可能是最强大的数组方法,主要用途是向数组中插入项,使用这种方法的方式有如下三种:
删除:splice(0,2),0是要删除的第一项的位置,2是要删除的项数。
插入:splice(2,0,“red”,“green”),从当前数组的位置2开始插入后面两个字符串。
替换:splice(2,1,“red”,“green”),从第二位置,删除一个,然后再从位置2插入后面两个字符串。

七、位置方法

1.indexOf()和lastIndexOf()
都接受两个参数:要查找的项和表示查找起点位置的索引,indexOf从前往后查找,lastIndexOf从后往前查找。
两个方法都会返回要查找的项再数组中的位置,或者在没找到的情况下返回-1。
在比较第一个参数与数组中的每一项时,会使用全等操作符(类似于===)。

八、迭代方法

1.every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。
2.filter
3.forEach
4.map
5.some

九、归并方法

1.reduce()从前往后,reduceRight从后往前,这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。
迭代:1,2,3,4,5 这五个数迭代,从前往后,
1 2 3 4 5
3
3 3
6 4
10 5
15

初学者菜鸟一枚,粗略整理,纯手打,时间有限,内容可读性呈降序,哈哈哈哈哈,目前只是自学理论阶段,等后面敲代码遇到相关问题,有了更深的理解之后,再回来完善。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值