Zusammenfassung von Beispielen gängiger Methoden von JavaScript-Arrays

Inhaltsverzeichnis

Gängige Array-Methoden
concat() Methode
Methode join()
pop() Methode
push()-Methode
reverse()-Methode
shift()-Methode
slice() Methode
sort()-Methode
splice()-Methode
Methode toSource()
toString() Methode
toLocaleString() Methode
unshift() Methode
valueOf() Methode

Einführung: Bei der tatsächlichen Entwicklung müssen Front-End-Ingenieure nicht nur Seitenlayouts und -stile schreiben, sondern auch die vom Back-End zurückgegebenen Daten verarbeiten. Die meisten der zurückgegebenen Daten liegen im JSON-Format vor und im Allgemeinen wird ein Objekt oder ein Array zurückgegeben. Im Folgenden wird die Verwendung häufig verwendeter Arrays zusammengefasst, um die Verwendung bei der Entwicklung zu vereinfachen!

Gängige Array-Methoden

concat() Methode

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

Diese Methode verändert das vorhandene Array nicht, sondern gibt einfach eine Kopie des verketteten Arrays zurück.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
var arr2 = neues Array(3)
arr2[0] = "James"
arr2[1] = "Adresse"
arr2[2] = "Martin"
 
var arr3 = neues Array(2)
arr3[0] = "Wilhelm"
arr3[1] = "Franklin"
 
Dokument.schreiben(arr.concat(arr2,arr3))
//George, John, Thomas, James, Andrew, Martin, William, Franklin

Methode join()

Mit der Methode join() werden alle Elemente eines Arrays in einen String eingefügt.

Elemente werden durch das angegebene Trennzeichen getrennt.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
Dokument.schreiben(arr.join("."))
//George.John.Thomas

pop() Methode

Die Methode pop() wird verwendet, um das letzte Element eines Arrays zu entfernen und zurückzugeben.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
Dokument.schreiben(arr)
 
//George, John, Thomas
 
Dokument.schreiben(arr.pop())
 
//Thomas
 
Dokument.schreiben(arr)
//George, John

push()-Methode

Die Methode push() fügt ein oder mehrere Elemente am Ende eines Arrays hinzu und gibt die neue Länge zurück.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
Dokument.schreiben(arr + "<br />")//George, John, Thomas
Dokument.schreiben(arr.push("James") + "<br />")
 
document.write(arr)//George, John, Thomas, James

reverse()-Methode

Mit der Methode reverse() wird die Reihenfolge der Elemente in einem Array umgekehrt.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
Dokument.schreiben(arr + "<br />")//George, John, Thomas
 
Dokument.schreiben(arr.reverse()) //Thomas, John, George

shift()-Methode

Die Methode shift() wird verwendet, um das erste Element eines Arrays daraus zu entfernen und den Wert des ersten Elements zurückzugeben.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
Dokument.schreiben(arr + "<br />")//George, John, Thomas
Dokument.schreiben(arr.shift() + "<br />")//George
document.write(arr)//John,Thomas

slice() Methode

Die Methode slice() gibt ausgewählte Elemente aus einem vorhandenen Array zurück.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
Dokument.schreiben(arr + "<br />")//George, John, Thomas
Dokument.schreiben(arr.slice(1) + "<br />")//John,Thomas
document.write(arr) //George, John, Thomas

sort()-Methode

Die Methode sort() wird zum Sortieren der Elemente eines Arrays verwendet.

Funktion sortNumber(a,b)
{
Rückgabewert a - b
}
 
var arr = neues Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
 
Dokument.schreiben(arr + "<br />")//10,5,40,25,1000,1
Dokument.schreiben(arr.sort(Sortierungsnummer))//1,5,10,25,40,1000

splice()-Methode

Die Methode splice() fügt Elemente zu einem Array hinzu oder entfernt sie daraus und gibt die entfernten Elemente zurück.

var arr = neues Array(6)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adresse"
arr[5] = "Martin"
 
Dokument.schreiben(arr + "<br />")//George, John, Thomas, James, Adrew, Martin
arr.splice(2,0,"William")
Dokument.schreiben(arr + "<br />")//George, John, William, Thomas, James, Adrew, Martin

Methode toSource()

Die Methode toSource() stellt den Quellcode eines Objekts dar.

Dieser primitive Wert wird von allen Objekten geerbt, die vom Array-Objekt abgeleitet sind.

Die Methode toSource() wird normalerweise automatisch von JavaScript im Hintergrund aufgerufen und erscheint nicht explizit in Ihrem Code.

Funktion Arbeitnehmer(Name, Beruf, Geburtsdatum)
{
dies.name=Name;
dieser.job=Job;
dies.born=geboren;
}
 
var Bill = neuer Mitarbeiter("Bill Gates","Ingenieur",1985);
 
document.write(bill.toSource()); //({name:"Bill Gates", job:"Ingenieur", geboren:1985})

toString() Methode

Die Methode toString() konvertiert ein Array in einen String und gibt das Ergebnis zurück.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
document.write(arr.toString()) //George, John, Thomas

toLocaleString() Methode

Konvertiert ein Array in eine lokale Zeichenfolge.

var arr = neues Array(3)
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
document.write(arr.toLocaleString()) //George, John, Thomas

unshift() Methode

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

var arr = neues Array()
arr[0] = "Georg"
arr[1] = "Johannes"
arr[2] = "Thomas"
 
document.write(arr + "<br />")//George, John, Thomas
Dokument.schreiben(arr.unshift("William") + "<br />")
document.write(arr) // William, George, John, Thomas

valueOf() Methode

Die Methode valueOf() gibt den primitiven Wert des Array-Objekts zurück.

Dieser primitive Wert wird von allen Objekten geerbt, die vom Array-Objekt abgeleitet sind.

Die Methode valueOf() wird normalerweise automatisch von JavaScript im Hintergrund aufgerufen und erscheint nicht explizit in Ihrem Code.

arrayObject.Wert von()

Zusammenfassend (die markierten Array-Methoden werden häufiger verwendet und müssen beherrscht werden)

Wenn Sie der Meinung sind, dass es andere nützliche und häufig verwendete Array-Methoden gibt, hinterlassen Sie bitte eine Nachricht und kommunizieren Sie mit mir! Zum Beispiel Reduce-Methode usw.!

var Ergebnis = [
    {
        Betreff: 'Mathe',
        Punktzahl: 10
    },
    {
        Betreff: 'Chinesisch',
        Punktzahl: 20
    },
    {
        Betreff: 'Englisch',
        Punktzahl: 30
    }
];
 
var Summe = Ergebnis.Reduce(Funktion(vorherige, aktuell) {
    gibt aktuellen Score + vorherigen zurück;
}, 0);
console.log(Summe) //60

Okay, das ist alles zu diesem Thema. Je mehr Sie wissen, desto weniger wissen Sie!

Dies ist das Ende dieses Artikels über die Beispiele gängiger Methoden von JavaScript-Arrays. Weitere relevante Inhalte zu JavaScript-Arrays finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:

Zusammenfassung einiger gängiger Methoden von JavaScript-Arrays
Zusammenfassung einiger gängiger Methoden des JavaScript-Arrays
Lernen Sie die gängigen Methoden und Techniken in JS-Arrays und werden Sie ein Meister
Detaillierte Erläuterung gängiger Methoden zum Löschen angegebener Werte im JS-Array
Detaillierte Erläuterung gängiger Methoden von JavaScript-Arrays

<<: Detaillierte Erläuterung des Prinzips und der Praxis der MySQL-Master-Slave-Replikation

>>: So zeigen Sie den Startparameterbefehl „Docker Run“ an (empfohlen)