Einführung in häufig verwendete Methoden von Array-Objekten in JavaScript (Codebeispiele)

Dieser Artikel bietet Ihnen eine Einführung in die häufig verwendeten Methoden von Array-Objekten in JavaScript. Ich hoffe, dass er für Freunde hilfreich ist.

In js ist Array ein spezielles Objekt. Es ist unser häufig verwendetes Datenformat. Lassen Sie uns heute die häufig verwendeten Array-Methoden klären.

1. Grundlagen

Einige grundlegende Methoden werden kurz vorgestellt:
Erstellen eines Arrays

var arr1 = new Array();  //括号可以传参，指定数组长度。目前arr1.length是0
var arr2 = new Array(3);//arr2.length是3
var arr3 = new Array(1,2,3,4);  //当传多个参数时，js会把这些参数作为数组的初始值。
console.log(arr3);  // [1,2,3,4]

neues Array () Beim Erstellen eines Arrays gibt es eine Einschränkung. Wenn nur ein Parameter übergeben wird und der Wert nicht numerisch ist. wird als erster Parameter des Arrays verwendet und erzeugt ein Array der Länge 1. Wenn es sich um eine Zahl handelt, wird ein leeres Array mit der Länge dieser Zahl erstellt.

Aber tatsächlich wird die obige Erstellungsmethode nicht häufig verwendet. Wir sind eher daran gewöhnt, so zu schreiben:

var arr = [];
var arr = [0,1,2,3]

Grundlegende Methode

arr.length  //数组的长度
arr[1] //数组下标是1的值。数组的下标从0开始计数
arr.push(值) //往数组添加元素

2. Andere Methoden

var arr = ["element1","element2","element3","element4"];     //下面所有案列都是用的这个数组

//获取指定元素的下标
var index = arr. indexOf(”element2“）;   // 1

(1) splice(index,number,item1,..., itemX ) fügt Elemente zu einem Array hinzu bzw. entfernt sie und gibt das entfernte Element zurück.

参数	描述
index	必需。整数。添加/删除项目的位置，使用负数可从数组结尾处规定位置。
number	必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX	可选。向数组添加的新项目。

Sehen wir uns ein praktisches Beispiel an

//删除
let getReturn = arr.splice(1,1);
console.log(getReturn);  // ["element2"]
console.log(arr);    //["element1",","element3","element4"]

//添加
let getReturn = arr.splice(arr.length,0,"element5","element6");
console.log(getReturn);  //[]
console.log(arr);    //["element1","element2","element3","element4","element5","element6"]

(2) pop()-Methode, löscht das letzte Bit des Arrays und gibt das gelöschte Element zurück.

let getReturn = arr.pop();
console.log(getReturn);    //element4
console.log(arr);    //["element1","element2","element3"]

(3) Slice(start,end) gibt das ausgewählte Element aus dem vorhandenen Array zurück.

参数	描述
start	必需。整数。添加/删除项目的位置，使用负数可从数组结尾处规定位置。
end	必需。要删除的项目数量。如果设置为 0，则不会删除项目。

Hinweis: Bitte beachten Sie, dass diese Methode das Array nicht verändert, sondern ein Unterarray zurückgibt. Wenn Sie ein Segment von Elementen aus einem Array löschen möchten, sollten Sie die Methode Array.splice() verwenden.

let getReturn = arr.slice(1,3);
console.log(getReturn);    //["element2", "element3"]
console.log(arr);    //["element1", "element2", "element3", "element4"]

(4) join(separator) fügt alle Elemente im Array in einen String ein.

Trennzeichen: optional. Geben Sie das zu verwendende Trennzeichen an. Wenn dieser Parameter weggelassen wird, wird ein Komma als Trennzeichen verwendet.

let getReturn = arr.join();
console.log(getReturn);    //element1,element2,element3,element4
console.log(arr);    //["element1", "element2", "element3", "element4"]

(5) Die Methode concat(array1,array2,...,arrayX) wird verwendet, um zwei oder mehr Arrays zu verketten.

arrayX: erforderlich. Dieser Parameter kann ein bestimmter Wert oder ein Array-Objekt sein. Kann eine beliebige Zahl sein.

//传数组
let getReturn = arr.concat(['element5',"element6"],["element7"]);
console.log(getReturn);    //["element1", "element2", "element3", "element4", "element5", "element6", "element7"]
console.log(arr);    // ["element1", "element2", "element3", "element4"]

//传元素
let getReturn = arr.concat('element5',"element6");
console.log(getReturn);    //["element1", "element2", "element3", "element4", "element5", "element6"]
console.log(arr);    //["element1", "element2", "element3", "element4"]

(6) Die Methode sort(sortby) wird verwendet, um die Elemente des Arrays zu sortieren.

Sortieren nach: optional. Gibt die Sortierreihenfolge an. Muss eine Funktion sein.
Rückgabewert: Referenz auf das Array. Bitte beachten Sie, dass das Array nach dem ursprünglichen Array sortiert wird und kein neues Array generiert wird.
Vergleichsregeln: Sortieren Sie nach der Zeichenkodierung, sodass die Ergebnisse möglicherweise nicht Ihren Wünschen entsprechen. Sie müssen Parameter übergeben, um das Problem zu lösen

let newArr = [3,5,2,4,1];

let getReturn = newArr.sort();
console.log(getReturn);      //[1, 2, 3, 4, 5]
console.log(newArr);    //[1, 2, 3, 4, 5]

Sehen wir uns ein anderes Beispiel an, das nicht so gut ist wie wir want

let newArr = [1000,88,93,6,34];
let getReturn = newArr.sort();
console.log(getReturn);    //[1000, 34, 6, 88, 93]
console.log(newArr);    // [1000, 34, 6, 88, 93]

//要实现大小排序，我们需要传参数解决
function sortNumber(a,b){    //定义函数
    return a - b
}
let getReturn = newArr.sort();
console.log(getReturn);    //[6, 34, 88, 93, 1000]
console.log(newArr);    //[6, 34, 88, 93, 1000]

(7) Die Methode „shift()“ wird verwendet, um das erste Element des Arrays zu löschen und den Wert des ersten Elements zurückzugeben.

Wenn das Array leer ist, führt die Methode „shift()“ nichts aus und gibt einen undefinierten Wert zurück.

  let getReturn = arr.shift();
  console.log(getReturn);    //element1
  console.log(arr);    //["element2","element3","element4"]

(8) Die Methode unshift() fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die neue Länge zurück.

arr.unshift(newelement1,newelement2,....,newelementX)

  let getReturn = arr.unshift("element-1","element0");
  console.log(getReturn);    //6
  console.log(arr);    //["element-1","element0","element1","element2","element3","element4"]

(9) Die toString()-Methode kann das Array in einen String konvertieren und das Ergebnis zurückgeben.

arr.unshift(newelement1,newelement2,....,newelementX)

  let getReturn = arr.toString();
  console.log(getReturn,typeof getReturn);    //element1,element2,element3,element4 string
  console.log(arr,typeof arr);    //["element1", "element2", "element3", "element4"] "object"

Hinweis: Bei Verwendung für String-Operationen ruft JavaScript diese Methode auf, um das Array automatisch in einen String umzuwandeln. Zum Beispiel:

let string = arr+"123";
console.log(string);    //element1,element2,element3,element4123

(10) Die Methode reverse() wird verwendet, um die Reihenfolge der Elemente im Array umzukehren.

Diese Methode ändert das ursprüngliche Array, ohne ein neues Array zu erstellen.

  let getReturn = arr.reverse();
  console.log(getReturn);    //["element4", "element3", "element2", "element1"]
  console.log(arr);    //["element4", "element3", "element2", "element1"]

3. Es gibt auch

Darüber hinaus gibt es die Methoden valueOf(), toLocaleString(), toSource(). Aber ich habe es noch nie benutzt und mir fallen keine Verwendungsszenarien ein, daher werde ich nicht separat darauf eingehen.

Das obige ist der detaillierte Inhalt vonEinführung in häufig verwendete Methoden von Array-Objekten in JavaScript (Codebeispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!