Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der grundlegenden Methoden von Arrays in js

Detaillierte Erläuterung der grundlegenden Methoden von Arrays in js

小云云
Freigeben: 2018-03-13 15:17:54
Original
1173 Leute haben es durchsucht


Dieser Artikel gibt Ihnen hauptsächlich eine detaillierte Erklärung der grundlegenden Methoden von Arrays in js. Ich hoffe, er kann Ihnen helfen.

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
Nach dem Login kopieren

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

    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);
Nach dem Login kopieren

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

    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);
Nach dem Login kopieren

4. arr.concat ( )

    //reverse()倒序数组,返回的是倒序之后的数组,原数组的顺序改变
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    console.log(arr.reverse());
    console.log(arr);
Nach dem Login kopieren
    //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);
Nach dem Login kopieren
Nach dem Login kopieren
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);
Nach dem Login kopieren
Nach dem Login kopieren

Verwandte Empfehlungen :

    //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));
Nach dem Login kopieren

Beschreibung von sechs Möglichkeiten zur Deduplizierung von JS-Arrays

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

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

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

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

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


Detaillierte Erläuterung der Deduplizierung und Reduzierung von JS-Arrays

Die praktischste JS-Array-Funktionsorganisation

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der grundlegenden Methoden von Arrays in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage