zoukankan      html  css  js  c++  java
  • js 数组的常用方法归纳

    数组的常用方法归纳

    slice(start,end)

    传参:start代表从哪里开始截取,end代表截取结束的地方

    
    var a = [1,2,3]
    a.slice(1);//[2,3]

    pop()

    可以删除最后一个元素并返回删除的最后一个元素

    
    var a = [1,2,3]
    a.pop();//3

    shift()

    可以删除第一个元素并返回删除的第一个元素

    
    var a = [1,2,3]
    a.shift();//1

    sort(sortby)

    传参:传参的规则方法 升序的方法 重要!!!!

    
    function sortNumber(a,b)
    {
    return a - b
    }
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    document.write(arr.sort(sortNumber))//1,5,10,25,40,1000

    splice(start,number,item1, ..., itemX)

    传参:start代表开始删除/添加的位置 必选
    number:删除的个数 必选
    item1, ..., itemX:添加的元素 可选

    
    var a = [1,2,3,4,5,6]
    a.splice(2,0,9);//[]
    console.log(a);//[1, 2, 9, 3, 4, 5, 6]
    返回值是删除的元素

    concat([Array])

    将一个数组拼接在另一个数组后面
    返回值:拼接后的数组
    原来的数组不变

    
    var a = [1,2,3,4]
    var b = [5,6,7]
    console.log(a.concat(b));//[1,2,3,4,5,6,7]
    console.log(a);//[1,2,3,4]

    join()

    把数组变成用“,”连接的字符串

    
    var a = [1,2,3,4]
    a.join();//"1,2,3,4"

    split(Rex,length)

    将字符串以规定的规则进行分割成数组
    传参:Rex意思是分割的规则 必选
    length是分割的长度,非必须

    
    var a = "hello world lar"
    a.split(" ");//["hello","world","lar"]
    a.split(" ",2);//["hello","world"]

    indexOf(string)

    判断是否包含子字符串

    
    var a = "hello world lar";
    var b = ["hello","world","lar"];
    a.indexOf("hello");//0
    b.indexOf("hello");//0
    b.indexOf(123);//-1

    去重小例子

    
    var a = [1,2,3,4,5]
    var b = [52,3,3,4,6]
    var c = [];
    for(var i = 0;i < a.length;i++){
    for(var j = 0;j < b.length;j++){
    if(a[i] == b[j]){
    c.push(a[i]);
    break
    }
    }
    }
    console.log(c); //[3,4]

    数组指定位置中插入另一个数组

    
    var a = [1,2,34,5,6];
    var b = [7,8,9];
    for(var i = 0;i a.splice(2+i,0,b[i]);
    }
    console.log(a);//[1, 2, 7, 8, 9, 34, 5, 6]

    数组中删除指定数组

    
    var a = [1,2,34,5,6];//删掉 34,5
    a.splice(1,2);
    console.log(a);//[1, 5, 6]
  • 相关阅读:
    [已读]精通AngularJS
    [在读]HTML5数据推送应用开发
    [未读]深入浅出node.js
    [已读]用Angularjs开发下一代web应用
    [在读]Secrets of the javascript Ninja
    Element ui select同时获取value和label的值
    Element ui tree树形控件获取父节点id
    Element ui tree结合Vue使用遇到的一些问题(一)
    vue数组检测更新问题
    css3实现流星坠落效果
  • 原文地址:https://www.cnblogs.com/liaoanran/p/8136052.html
Copyright © 2011-2022 走看看