美文网首页我爱编程
js处理数组的几种方式

js处理数组的几种方式

作者: 简单的源代码 | 来源:发表于2018-03-22 20:54 被阅读0次

    1、push()向Array的末尾添加若干元素,pop()则把Array的最后一个元素删除掉,都并返回一个数组

    var arr = [1, 2];  

    arr.push('A', 'B'); // 返回Array新的长度: 4  

    arr; // [1, 2, 'A', 'B']  

    arr.pop(); // pop()返回'B'  

    arr; // [1, 2, 'A']  

    arr.pop(); // 空数组继续pop不会报错,而是返回undefined  

    arr; // []:

    2、往Array的头部添加若干元素,使用unshift()方法(返回新数组长度),shift()方法则把Array的第一个元素删掉(返回被删掉的数组)

    var arr = [1, 2];  

    arr.unshift('A', 'B'); // 返回Array新的长度: 4  

    arr; // ['A', 'B', 1, 2]  

    arr.shift(); // 'A'  

    arr; // ['B', 1, 2]:  

    3、splice()方法是从指定的索引开始删除若干元素,然后再从该位置添加若干元素

    var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];  

    // 从索引2开始删除3个元素,然后再添加两个元素:  

    arr.splice(2, 3, 'Google', 'Facebook');   

    arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']  

    4、reverse反转

    var arr = ['one', 'two', 'three'];  

    arr.reverse();   

    arr; // ['three', 'two', 'one'] 

    5、concat()方法连接两个数组

    var arr = ['A', 'B', 'C'];  

    varadded = arr.concat([1, 2, 3]);  

    added; // ['A', 'B', 'C', 1, 2, 3]  

    6、join方法将数组以指定字符串连接,返回连接后的字符串

    var arr = ['A', 'B', 'C', 1, 2, 3];  

    arr.join('-'); // 'A-B-C-1-2-3'

    push();pop();shift();unshift();splice();sort();reverse()

    7.清理数组指定元素

    function  removeByValue(arr, val) {

      for(vari=0; i

        if(arr[i] == val) {

          arr.splice(i, 1);

          break;

        }

      }

    }

    varsomearray = ["mon", "tue", "wed", "thur"]

    removeByValue(somearray, "tue");      

    console.log(varsomearray)    //["mon",  "wed", "thur"]

    8.三种清空数组的方法

    1.splice

    varary = [1,2,3,4];

    ary.splice(0,ary.length);

    console.log(ary);

    2.length赋值为0

    varary = [1,2,3,4];

    ary.length = 0;

    console.log(ary); // 输出 [],空数组,即被清空了

    3.赋值为[]

    var ary = [1,2,3,4];

    ary = []; // 赋值为一个空数组以达到清空原数组

    相关文章

      网友评论

        本文标题:js处理数组的几种方式

        本文链接:https://www.haomeiwen.com/subject/pzwwqftx.html