Maison > interface Web > js tutoriel > Explication détaillée des méthodes de base des tableaux en js

Explication détaillée des méthodes de base des tableaux en js

小云云
Libérer: 2018-03-13 15:17:54
original
1173 Les gens l'ont consulté


Cet article partage principalement avec vous une explication détaillée des méthodes de base des tableaux en js. J'espère qu'il pourra vous aider.

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
Copier après la connexion

2. arr.push( ) <==> . arr.unshift( ) <==> arr.shift( )

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

4. arr.reverse( )

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

    //unshift()添加元素,在数组之前添加,返回的是新数组的长度
    console.log(arr.unshift(&#39;D&#39;,&#39;E&#39;));
    console.log(arr);
Copier après la connexion

5. ( )
    //reverse()倒序数组,返回的是倒序之后的数组,原数组的顺序改变
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    console.log(arr.reverse());
    console.log(arr);
Copier après la connexion
    //concat()连接数组并且返回,连接后的类型为数组
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    var copyArr = arr.concat(11,&#39;F&#39;,["123",&#39;4345&#39;]);
    console.log(copyArr);
    console.log(arr);
    copyArr.push(&#39;r&#39;,&#39;556&#39;);
    console.log(copyArr);
Copier après la connexion
Copier après la connexion

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

    //concat()连接数组并且返回,连接后的类型为数组
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    var copyArr = arr.concat(11,&#39;F&#39;,["123",&#39;4345&#39;]);
    console.log(copyArr);
    console.log(arr);
    copyArr.push(&#39;r&#39;,&#39;556&#39;);
    console.log(copyArr);
Copier après la connexion
Copier après la connexion

Résumé :

    //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));
Copier après la connexion

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

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

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

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

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


Partage de six façons de dédupliquer des tableaux JS

Explication détaillée de la déduplication et de l'aplatissement des tableaux JS

L'organisation des fonctions de tableau JS la plus pratique

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal