js 数组方法与遍历

59 阅读 0 评论 39 点赞

我是靠谱客的博主失眠月亮，最近开发中收集的这篇文章主要介绍js 数组方法与遍历，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

数组 API

1_arry.push()//把一个元素增加到数组的末尾

2_arry.pop()//删除数组中最后一个元素(重复删除后面的)，返回值为删除的元素

3_arry.unshift()//在数组的前面添加元素

4_arry.shift()//删除数组前面的元素

5_arry.reverse()//把数组反向排序，这里要注意它会改变原来的数组，而不会创建新的数组

6_arr.sort()//排序:规则可自定
arr.sort((a, b) => a - b)//a-b升序,b-a降序

7_arry.join()//把数组元素合并为一个字符串，如果不带参数，默认用逗号分隔

8_arry.splice(index, hm, add)//它既可以删除特定的元素，也可以在特定位置增加元素，
//也可以删除增加同时搞定，index是起始位置，hm是要删除元素的个数，add是要增加的元素
// hm为0 表示不删除任何元素,直接操作原数组

9_arry.concat()//返回值为连接后的新数组，原数组不变

数组遍历API

1_every(): //每次遍历结果返回true最后才返回true,其中有false则停止

        var arr = ["关长","张飞","赵龙","马超","黄忠"];
       var flag= arr.every(function(element,index,arr){
           return true;//不写return 返回undefined 所以boo为false
       });
       console.log(flag);

2_filter();//filter的返回值为每次返回true结果组成的新数组

        var arr1 = arr.filter(function(element,index,arr){
           if(element.length>2){
               return true;
           }
           return false;
       });
       console.log(arr1)

3_foreach();//foreach 无返回值纯操作数组

        var str = "";
       arr.forEach(function(element,index,arr){
           str+=element;
       })
       console.log(str)

4_map();//无论遍历中的返回值是什么都添加到结果中

        var arr1 = arr.map(function(element,index,arr){
           return element+"hahah";
       });
       console.log(arr1)

5_some();//遍历中返回值有一个true就返回true

        var flag = arr.some(function(element,index,arr){
           if(element=='黄忠')return true;
           return false;
       });
       console.log(flag)