ECMAScript5之Array 企

在ECMAScript5中对Array新增的些方法，以前没注意的同志们，嘻嘻，下面我们一起来边看边学。

1、 Array之isArray(element)

看到isArray，不言而喻，就是判断一个对象是不是数组哈。

且它是一个静态方法，使用规则如下：

Array.isArray(element);当element是数组时，返回true；否则返回false；

我们一起来写个demo www.njtw123.com

<!DOCTYPE html> 
    <head>
        <title>array</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    </head>
    <body>
        <script>
            //创建一个数组a和一个对象b
            var a = new Array();
            var b = new Object();
            console.log(Array.isArray(a));
            console.log(Array.isArray(b));
        </script>
    </body>
</html>

通过chrome来看看打印结果

2、 Array之indexOf(element)

看到indexOf，想必大家并不陌生，String.indexOf嘛，http://www.njtw123.com/，其实核心作用都一样.

数组的indexOf就是从头到尾，查找数组内的指定元素，并返回查找到的第一个元素索引值，若在数组中没有相应元素，则返回-1。

我们一起来写个demo并通过chrome来看看打印结果

 
   View Code

3、 Array之lastIndexOf(element)

这个lastIndexOf，其实和上面所说的indexOf差不多，只是lastIndexOf是从尾到头搜索而已。

我们一起来写个demo并通过chrome来看看打印结果

 
   View Code

4、 Array之every www.njtw123.com

every用法如下：

/*
   method: every
   function: every的作用就是遍历数组，当every中的函数都返回true时，才返回一个true;否则，只要有一个false，就返回false，和&&运算差不多
   Param:
       element --> 当前元素
       index --> 元素索引
       array --> 调用every方法的数组

       http://www.njtw123.com/
*/
 every(function(element,index,array){
            
 });

我们demo下

 
   View Code

5、 Array之some

some的作用与上面的every有点不一样，倘若说every有点像&&运算，那么some就有点像||运算啦。some的函数中只要有一个返回true，那么就返回 true；全都是false时，才返回false。www.njtw123.com

Demo如下

 
   View Code

6、 Array之forEach

这个方法与jQuery的each差不多，就是遍历数组的。

使用如下：

 /*
    Param:
        e --> 当前元素
        i --> 元素索引
        array --> 调用forEach方法的数组
*/
forEach(function(e,i,array){
            
});

Demo如下：

http://www.njtw123.com

 
   View Code

7、 Array之filter

filter方法的作用就是遍历数组，并过滤数组中的值，最后返回过滤后的值的数组。当filter里的回调函数返回true时，就将这个值加入到临时数组中，若是false，则不加入；最后返回这个临时数组。

filter的用法如下:

//参数e为遍历数组中的当前元素值
filter(function(e){
            
});

Demo与代码如下：

 
   View Code

www.njtw123.com

原创内容，转载请说明出处，谢谢

ECMAScript5之Array 企

猜你喜欢