JavaScript-Arrays lernen

1 Erstellung von Arrays

 var arr1 = new Array();
 var arr2=[1,2,3];

2 Gängige Methoden von Arrays:

Push, Pop, Shift, Unshift, Splice, Slice, Sort, Reverse

2.1 Push-Methode: Element

var arr=[1,2,3];
var result = arr.push(1,3,4);//返回新数组的长度
console.log("arr:"+arr);
console.log("result:"+result);

am Ende des Elements einfügen:

arr:1,2,3,1,3,4
result:6

2.2 Pop-Methode: Pop ein Element am Ende des Elements

var arr=[1,2,3];
var result = arr.pop();//返回弹出元素的值
console.log("arr:"+arr);
console.log("result:"+result);

Ergebnis:

arr:1,2
Ergebnis: 3

2.3 Shift-Methode: Platzieren Sie ein Element oben im Element

var arr=[1,2,3];
var result = arr.shift();//返回弹出元素的值
console.log("arr:"+arr);
console.log("result:"+result);

Ergebnis:

arr:2,3
Ergebnis:1

2.4 Unshift-Methode: Element

var arr=[1,2,3];
var result = arr.unshift(4,5);//返回新数组的长度
console.log("arr:"+arr);
console.log("result:"+result);

am Anfang des Elements einfügen. Ergebnis:

arr:4, 5,1,2,3
Ergebnis:5

2.5 Spleißmethode: Das Array abfangen, dann die Daten einfügen und das Array selbst direkt betreiben

var arr=[1,2,3,4,5];
arr.splice(1,2,3,4);
console.log("arr:"+arr);

Ergebnis:

arr:1 ,3,4,4,5

Analyse:

Der erste Parameter: die Startposition des Abfangens

Der zweite Parameter: die Anzahl der Interceptions

Nach dem zweiten Parameter: Die eingefügten Daten werden nicht eingefügt, wenn kein dritter Parameter vorhanden ist

2.6-Slice-Methode : Das Array abfangen, aber das Array selbst nicht bearbeiten

var arr=[1,2,3,4,5];
var result =arr.slice(2,4);
console.log("arr:"+arr);
console.log("result:"+result);

Ergebnis:

arr:1,2,3,4,5
Ergebnis:3,4

Analyse:

Erster Parameter: Die Startposition des Abfangens ist ein geschlossenes Intervall

Der zweite Parameter: Die Endposition des Abfangens ist ein offenes Intervall

wie zum Beispiel: [2,4)

2.7 Concat-Methode: Arrays verketten, aber das Array selbst nicht bearbeiten

var arr1 =[1,2,3];
var arr2=[3,4,5];
var result = arr1.concat(arr2);
console.log("arr1:"+arr1);
console.log("arr2:"+arr2);
console.log("result:"+result);

Ergebnis:

arr1:1,2,3
arr2:3,4,5
result:1,2,3,3,4,5

2.8 Join-Methode : Elemente zwischen jedem Element des Arrays einfügen, aber das Array selbst nicht bedienen

var arr =[1,2,3];
var result =arr.join("-");
console.log("arr:"+arr);
console.log("result:"+result);

Ergebnis:

arr:1,2,3
Ergebnis:1-2- 3

2.9 Umkehrmethode: Kehren Sie die Position der Elemente im Array um

var arr =[1,2,3];
var result =arr.reverse();
console.log("arr:"+arr);

Ergebnis:

arr:3,2,1

2.10 Sortiermethode: Sortieren Sie die Elemente im Array (defekt)

var arr =[4,10,1,5];
var result =arr.sort();
console.log("arr:"+arr);

Ergebnis:

arr:1,10,4,5

Analyse:

Während des Vergleichsprozesses ist diese 10 die erste, die auf „Eine Ziffer vergleichen“ drückt und sie dann mit der zweiten Ziffer vergleicht, sodass sie hinter 1 und vor 4 rangiert.

2.11 Sortiermethodenerweiterung

var arr =[4,10,1,5];
        function  compare(value1,value2){//自定义排序规则
            if(value1>value2){
                return 1;
            }else if(value1<value2){
                return -1;
            }else{
                return 0;
            }
        }
        var result =arr.sort(compare);使用自定义的排序规则 实现从小到大排序 要想实现从大到小 修改排序规则
        console.log("arr:"+arr);

Ergebnis:

arr:1,4,5,10