js關於數組基本方法詳解-js教程-PHP中文網

js關於數組基本方法詳解

小云云

發布： 2018-03-13 15:17:54

原創

999 人瀏覽過

本文主要跟大家分享js關於陣列基本方法詳解，希望能幫助大家。

1. arr.join( )

    //join 数组==>字符串,该字符串以特定字符分隔开.
    var arr = ['A','B','C'];
    var str = arr.join('|');
    console.log(str);
    console.log(typeof str);
    console.log(arr);
    console.log(typeof arr);//object

登入後複製

2. arr.push( ) <==> arr.pop( )

    var arr = ['A','B','C'];
    //push添加元素,在数组之后添加元素,返回的是新数组的长度
    var count = arr.push('D','E');
    console.log(count);
    console.log(arr);
    //pop()删除数组的最后一元素并且返回该元素,数组长度减去1
    var count = arr.pop();
    console.log(count);
    console.log(arr);

登入後複製

3. arr.unshift ( ) <==> arr.shift( )

    var arr = ['A','B','C'];
    //shift()删除数组第一个元素,并且返回该元素
    console.log(arr.shift());
    console.log(arr);

    //unshift()添加元素,在数组之前添加,返回的是新数组的长度
    console.log(arr.unshift('D','E'));
    console.log(arr);

登入後複製

4. arr.reverse( )

    //reverse()倒序数组，返回的是倒序之后的数组,原数组的顺序改变
    var arr = ['A','B','C'];
    console.log(arr.reverse());
    console.log(arr);

登入後複製

    //concat()连接数组并且返回，连接后的类型为数组
    var arr = ['A','B','C'];
    var copyArr = arr.concat(11,'F',["123",'4345']);
    console.log(copyArr);
    console.log(arr);
    copyArr.push('r','556');
    console.log(copyArr);

登入後複製

5. arr.concat( )

    //concat()连接数组并且返回，连接后的类型为数组
    var arr = ['A','B','C'];
    var copyArr = arr.concat(11,'F',["123",'4345']);
    console.log(copyArr);
    console.log(arr);
    copyArr.push('r','556');
    console.log(copyArr);

登入後複製

6. indexOf( ) <==> lastIndexOf( )

    //indexOf()
        //一个参数返回的是数组中的下标
        //第二个参数表示:从什么位置开始查找.如果找到返回的是该元素在数组中的下标，找不到则返回-1.

    var arr = [1,5,9,32,74,36,8];
    console.log(arr.indexOf(5,1));

    //lastIndexOf()
        //一个参数：表示需要查询的元素,返回值是该元素的下标
        //两个参数：第一个表示需要查询的元素,第二个表示从什么位置开始查询;
                //该方法查询方向是反向,但是返回值仍按照正序排列
    var arr1 = [1,5,9,32,74,36,8];
    console.log(arr1.lastIndexOf(37));

登入後複製

總結：

    // push();向数组最后位置添加元素，返回的是数组的长度
    // pop();删除数组最后一个元素，返回的是删除的该元素
    // unshift();向数组的最前端添加元素，返回的是数组的长度
    // shift();删除数组第一个元素，返回的是删除的该元素

    //join();把数组各个元素拼接为字符串，并且以特定的字符分隔开,
           //返回值是带有特殊字符分隔的字符串

    //reverse()倒序数组
           //返回的是倒序之后的数组

    //concat();拼接数组，返回拼接之后的数组

    //indexOf();执行查询操作
           //如果只有一个参数, 则查询该元素; 找到的话, 返回该元素的下标, 找不到的话, 返回-1.
           //如果含有两个参数, 则: 第一个参数表示查询的目标元素
           //                  第二个参数表示正序从‘参数二’开始查找
    //lastIndexOf();执行查询操作
           //如果只有一个参数, 则查询该元素; 找到的话, 返回该元素的下标, 找不到的话, 返回-1.
           //如果含有两个参数, 则： 第一个参数表示查询的目标元素
           //                   第二个元素表示反序从‘参数二’开始查找

登入後複製