Heim > Web-Frontend > js-Tutorial > Hauptteil

Was sind die Methoden von Arrays in JavaScript? Was ist der Nutzen?

青灯夜游
Freigeben: 2018-11-13 11:46:36
nach vorne
3243 Leute haben es durchsucht

Der Inhalt dieses Artikels besteht darin, die Array-Methoden in JavaScript, die Funktionen und die Verwendung von Array-Methoden vorzustellen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein. [Empfohlene verwandte Video-Tutorials: JavaScript-Tutorial]

1. Erstellung und Zuweisung von Arrays

Arrays, Arrays definieren Zuweisung

<script type="text/javascript">    
      //赋值的方法1:添加任意多的值
      var arr1 = new Array();
      arr1[0]='小胡子1';
      arr1[1]='中胡子1';
      arr1[2]='大胡子1';
      alert(arr1);        
      
      //赋值的方法2:使用一个整数自变量来控制数组的容量
        var arr2 = new Array(3);
      arr2[0]='小胡子2';
      arr2[1]='中胡子2';
      arr2[2]='大胡子2';
      alert(arr2);    
</script>
Nach dem Login kopieren

2. Array-Methoden

concat(): Verkettet zwei oder mehr Arrays und gibt das Ergebnis zurück.

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';        
            
        var arr2 = new Array();
        arr2[0]='小胡子2';
        arr2[1]='中胡子2';
        arr2[2]='大胡子2';   
                 
        var arrConcat = arr1.concat(arr2);
        alert(arrConcat);    
</script>
Nach dem Login kopieren

join(): Fügen Sie alle Elemente des Arrays in einen String ein. Elemente werden durch das angegebene Trennzeichen getrennt.

    <script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1.join());    
   </script>
Nach dem Login kopieren

pop(): Entfernen Sie das letzte Element des Arrays und geben Sie es zurück

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.pop());
        alert(arr1);    
</script>
Nach dem Login kopieren

push(): Fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück.

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.push("特大胡子1"));
        alert(arr1);    
</script>
Nach dem Login kopieren

reverse(): Kehrt die Reihenfolge der Elemente im Array um.

<script type="text/javascript">    
        var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.reverse());    
</script>
Nach dem Login kopieren

 

shift(): Das erste Element des Arrays löschen und zurückgeben

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子1';
            arr1[1] = '中胡子1';
            arr1[2] = '大胡子1';
            alert(arr1);
            alert(arr1.shift());
            alert(arr1);        
</script>
Nach dem Login kopieren

  

slice(): Gibt das ausgewählte Element aus einem vorhandenen Array zurück

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            alert(arr1.slice(1,3));        
</script>
Nach dem Login kopieren

sort(): Sortieren Sie die Elemente des Arrays

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.sort());        
</script>
Nach dem Login kopieren

 

splice(): Löschen Sie die Elemente und fügen Sie neue Elemente hinzu das Array.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            arr1.splice(2, 1, '新胡子');
            alert(arr1);        
</script>
Nach dem Login kopieren

 

toString(): Konvertieren Sie das Array in einen String und geben Sie das Ergebnis zurück. Elemente im Array werden durch Kommas getrennt.

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toString());  
</script>
Nach dem Login kopieren

toLocaleString(): Konvertieren Sie das Array in ein lokales Array und geben Sie das Ergebnis zurück. Die resultierenden Zeichenfolgen werden dann mithilfe gebietsschemaspezifischer Trennzeichen zu einer einzelnen Zeichenfolge verkettet.

Hinweis: Das Trennzeichen ist hier kein einzelnes englisches Komma mehr

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toLocaleString());  
</script>
Nach dem Login kopieren

unshift(): Zum Anfang des Arrays Fügt ein oder mehrere Elemente hinzu und gibt die neue Länge zurück.

<script type="text/javascript">
                var arr1 = new Array();
                arr1[0] = '小胡子1';
                arr1[1] = '中胡子1';
                arr1[2] = '大胡子1';
                alert(arr1);
                alert(arr1.unshift('小孩子'));
                alert(arr1);        
</script>
Nach dem Login kopieren

    

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

Das obige ist der detaillierte Inhalt vonWas sind die Methoden von Arrays in JavaScript? Was ist der Nutzen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
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