前端面试数组处理

1.push和pop

var arr = [1,2,3,4];
        console.log(arr);
        console.log(arr.push(6));//返回的是数组的长度  5
        console.log(arr);  //[1,2,3,4,6]

        var arr1=[1,2,3,4,10];
        console.log(arr1);
        console.log(arr1.pop());//返回的是删除的那个元素  10

        console.log(arr1);//[1,2,3,4]

2.shift和unshift

 var arr = ["HTML","CSS","JS"];
        console.log(arr);
        console.log(arr.shift());//返回的是删除的那一项 HTML
        console.log(arr);// ['CSS','JS']
       

        var arr1=["HTML","CSS","JS"];
        console.log(arr1);
        console.log(arr1.unshift("node.js"));//返回的是数组的长度  4

        console.log(arr1);//["node.js","HTML","CSS","JS"]

3.splice和slice

  1.  splice  
  2.     定义和用法  
  3.     splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。  
  4.     注释:该方法会改变原始数组。  
  5.     语法  
  6.     arrayObject.splice(index,howmany,item1,.....,itemX)  
  7.     参数  
  8.     index  必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。  
  9.     howmany    必需。要删除的项目数量。如果设置为 0,则不会删除项目。  
  10.     item1, ..., itemX  可选。向数组添加的新项目。  
  11.     返回值  
  12.     Array  包含被删除项目的新数组,如果有的话。  
  13.     说明  
  14.     splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。  
  15.     如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。  
  16.     提示和注释  
  17.     注释:请注意,splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改。  
  18.     实例  
  19.     var arr=[1,2,3,4,5,6];  
  20.     var arr2=arr.splice(2,4);  
  21.     console.log("arr2=",arr2,",arr=",arr);  
  22.     //arr2= [3, 4, 5, 6] ,arr= [1, 2]  

     var arr=["web前端开发","HTML","CSS","JS"];
       /* console.log(arr);
        console.log(arr.splice(1));//从下标为1开始(包括这一项)到最后全部截取掉["HTML","CSS","JS"]
        console.log(arr);//["web前端开发"]*/

     /*  console.log(arr.splice(0,3));//从第0项开始删除3个 ["web前端开发","HTML","CSS"]
        console.log(arr);//["JS"]*/

       console.log(arr.splice(1,2,"jQuery","node"));//从第一项开始,替换2个,后边是替换的值 ["HTML", "CSS"]
        console.log(arr);// ["web前端开发", "jQuery", "node", "JS"]

        /*console.log(arr.splice(1,0,"jQuery"));//从第一项开始,替换2个,后边是替换的值

        console.log(arr);*/

slice() 方法可从已有的数组中返回选定的元素。

  1. slice() 方法可从已有的数组中返回选定的元素。  
  2.     语法  
  3.     arrayObject.slice(start,end)  
  4.     参数 描述  
  5.     start  必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。  
  6.     end    可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。  
  7.     返回值  
  8.     返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。  
  9.     说明  
  10.     请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。  
  11.     提示和注释  
  12.     注释:您可使用负值从数组的尾部选取元素。  
  13.     注释:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。  
  14.     实例  
  15.     var arr=[1,2,3,4,5,6];  
  16.     var arr2=arr.slice(2,4);  
  17.     console.log("arr2=",arr2,",arr=",arr);  
  18.     //arr2= [3, 4] ,arr= [1, 2, 3, 4, 5, 6]  

4.split()和join()

     var arr=[1,2,3,4,5];
        console.log(arr.reverse()); 
        var str="safdgrvbv";
        console.log(str.split("").reverse())// ["v", "b", "v", "r", "g", "d", "f", "a", "s"]
        //join() 方法用于把数组中的所有元素放入一个字符串.元素是通过指定的分隔符进行分隔的。
        console.log(str.split("").reverse().join("/"));//v/b/v/r/g/d/f/a/s


猜你喜欢

转载自blog.csdn.net/weixin_42367621/article/details/80547847
今日推荐