JavaScript-Array-Methoden.

Machen wir uns an die Arbeit, ohne viel zu sagen. In diesem Beitrag machen wir uns mit den Methoden von Arrays in der Programmiersprache Javascript vertraut und arbeiten an verwandten Themen.

Element hinzufügen, ändern.

• length()
• push()
• concat()

Ausschalten.

• pop()
• shift()
• spleißen()
• Array[i] löschen

suchen

• find(function())
• indexOf()

Arrangieren

• sort() für Zahlen und für Zeichenfolgen

Umkehren

• reverse()

Elemente hinzufügen und ändern.

length-Methode ermittelt die Anzahl der Elemente oder die Länge des Arrays.
Es ist zu beachten, dass der Array-Typ in Javascript ein Objekt ist. Wenn Sie bereits Sprachen wie C/C oder Java gelernt haben, kann dies etwas verwirrend erscheinen. In JavaScript sind Arrays selbst eigentlich Datentyp , was sich von Arrays in C/C unterscheidet. In JS können Sie verschiedene Datentypen in einem Array speichern.

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);

Fügen Sie ein neues Element am Ende eines Arrays hinzu.

Möglicherweise haben Sie eine Frage. Ist es möglich, den Wert einer konstanten Variablen zu ändern? Ja, wir fügen über die Methode push() ein neues Element ein, aber wir setzen keinen neuen Wert für das Array.

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);

Kombinieren Sie zwei Arrays (verketten).

Die Methode concat() kombiniert zwei Arrays.

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);

Ein Element aus einem Array löschen.

Es gibt verschiedene Möglichkeiten, Array-Elemente in JavaScript zu löschen.
Die Methode pop() wird verwendet, um ein Element vom Ende des Arrays zu entfernen.

// pop(), arrayning oxiridan bitta element o'chiradi
let array1 = [6, "satr", true, 55, 4.6];
console.log(`\navval:  [${array1}]\n`);

array1.pop();
console.log(`keyin:  [${array1}]\n`);

shift()-Methode entfernt ein Element vom Anfang des Arrays

// shift() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.shift();
console.log(`keyin: 44 arrayda emas [${array}]\n`);

splice()-Methode ist insofern einzigartig, als sie nicht nur zum Löschen von Elementen, sondern auch zum Ändern von Daten verwendet wird. Zum Löschen benötigt die Methode zwei Werte.

• first: ist der Startindex zum Löschen von Elementen.
• Sekunden: wie viele Elemente gelöscht werden sollen.

Zum Beispiel: const array = [44, 5.3, 2, 14, 98, "text", "apple"]; Es gibt. Wir wollen 2 Elemente löschen, beginnend mit Index 3, also 14 (14 selbst wird gelöscht), 2 Elemente.

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);

Zum Ersetzen wird splice() wie folgt verwendet.

1. Startindex array.splice(3, ...)
2. wie viele Elemente ausgetauscht werden sollen array.splice(3, 2, ...)
3. neue Elemente, die jeweils eingefügt werden sollen array.splice(3, 2, "new1", "new2")

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);

delete array[i] ist die einfachste Möglichkeit, ein Array-Element zu löschen. In diesem Fall wird anstelle von [i] der Index des zu löschenden Elements geschrieben.

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);

Suche aus einem Array

find(function()) wird verwendet, um nach einem bestimmten Element in einem Array zu suchen. Eine Funktion wird als Wert in diese Methode geschrieben und der Funktion wird das zu suchende Element übergeben. Die Funktion gibt keinen Index zurück. Wenn das gesuchte Element im Array vorhanden ist, gibt sie dieses Element zurück, andernfalls gibt sie undefiniert zurück.

// pop(), arrayning oxiridan bitta element o'chiradi
let array1 = [6, "satr", true, 55, 4.6];
console.log(`\navval:  [${array1}]\n`);

array1.pop();
console.log(`keyin:  [${array1}]\n`);

Die Methode indexOf() gibt den Index des gesuchten Elements zurück.

// shift() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.shift();
console.log(`keyin: 44 arrayda emas [${array}]\n`);

Arrangieren

sort()-Methode verwenden, beginnen hier die „Kopfschmerzen“ von JavaScript. Auf den ersten Blick sieht die Methode sort() einfach aus, doch hinter den Kulissen läuft tatsächlich ein anderer Prozess ab. Standardmäßig sortiert sort() strings , kann aber korrekt sortieren, wenn ein ganzzahliger oder numerischer Wert angegeben wird. Aber JavaScript sortiert Zahlen, wenn es will, nicht, wenn es nicht will (nur ein Scherz):)

// splice() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.splice(3, 2);

console.log(`keyin: 14 va 98 elementlari o'chdi [${array}]\n`);

in numerischen Werten wie folgt.

// splice() Metodi

const array = [44, 5.3, 2, 14, 98, "text", "olma"];
console.log(`\navval: [${array}] \n`);

array.splice(3, 2, "yangi1", "yangi2");

console.log(`keyin: 14 va 98 elementlari almashtirildi [${array}]\n`);

Was ist also das Problem?

Man kann sagen, lasst uns weitermachen.

// Arrayning uzunligi, o'lchami
const array = ["nimadir", "kimdir", true, 55, 4.6];
console.log(`arrayning uzunligi ${array.length}`);

Stopp, schauen Sie sich das Ergebnis an, sortiertes Array: [100,1021,30,45,61,8] was ist das!?
JavaScript sortiert ein Array als String. Selbst wenn eine Zahl angegeben wird, wird diese in ASCII-Code übertragen und lexikografisch, also wie eine Zeichenfolge, sortiert. Dies führt zu einem Fehler. In der Aufgabe sollte 100 die letzte Zahl sein und 30 sollte vor 100 stehen. Als Zeichen steht 1 vor 3, sodass ein Fehler auftritt (siehe ASCII-Tabelle!). Um dies zu beheben, übergeben wir function() an die Methode sort().

// push(), array oxiriga yangi element qo'shish
const array = ["nimadir", "kimdir", true, 55, 4.6];
array.push("yangi element");
console.log(`arrayning uzunligi: ${array} \n`);

Die Funktion

array.sort((a, b) => a - b); vergleicht zwei Elemente in einem Array und bestimmt deren Reihenfolge.

• a und b: Dies sind die beiden Elemente aus dem Array, die verglichen werden. Die Methode sort() vergleicht alle Elemente paarweise (z. B. a und b) und ordnet sie entsprechend dem Ergebnis der Vergleichsfunktion an.
• a - b: Durch die Berechnung dieser Differenzen wird die Reihenfolge der Elemente bestimmt:

1. Wenn a - b negativ ist (d. h. a < b), steht a vor b.
2. Wenn a - b positiv ist (d. h. a > b), steht b vor a.
3. Wenn a - b Null ist (d. h. a === b), dann schließen sie sich nicht gegenseitig aus.

Ergebnis:

Umdrehen

reverse()-Methode erstellt ein Array, das die Umkehrung des durch seinen Namen angegebenen Arrays ist.

// concat(), ikki arrayni birlashtirish
let array1 = ["nimadir", "kimdir", true, 55, 4.6];
let array2 = [8, 3, 9];
console.log("array1: " + array1, "\n", "array2: " + array2 + "\n");

let result = array1.concat(array2);
console.log(
  `Ikki array bitta yangi arrayga birlashtirildi: result [${result}] \n`
);

Ergebnis:

Ich hoffe, Sie haben durch diesen Beitrag Wissen über JavaScript-Array-Methoden gewonnen. Teilen Sie diesen Beitrag mit Ihren Lieben, die JS lernen!

Zu überprüfende Fragen:

1. Element hinzufügen, ändern:

a. length()

Problem: Stellen Sie sich ein großes Array mit 1000 Werten vor. Welche Methode würden Sie verwenden, wenn Sie nur die Anzahl der Elemente in einem Array ausgeben müssten? Wie ändert sich die Anzahl der Elemente bei Änderungen am Array?
Problem: Wenn Sie am Ende eines bestimmten Arrays 1000 neue Elemente hinzufügen müssen, bestimmen Sie die Länge des Arrays. Welche Methode ist dafür am effektivsten?

b. push()

Problem: Sie haben ein Array, in dem jedes Element gleich ist. Jedes Mal, wenn Sie ein neues Element hinzufügen, müssen Sie das Element am Ende des Arrays ersetzen. Wie optimieren Sie diese Vorgänge?
Problem: Sie haben ein Array namens Aufgaben, das verschiedene Aufgaben enthält, die ausgeführt werden müssen. Jedes Mal müssen Sie eine neue Aufgabe hinzufügen und die Aufgabe am Ende der Liste aktualisieren. Wie macht man das?

c. concat()

Problem: Sie müssen zwei Arrays zusammenführen und im gleichen Format anzeigen. Das erste Array enthält nur einfache Zahlen und das zweite nur numerische Zeichenfolgen. Wie erstelle ich daraus ein neues Array und gebe alle Zahlen im numerischen Format aus?
Problem: Sie haben zwei Arrays, eines mit Informationen über Benutzer und das andere mit dem Anmeldeverlauf der Benutzer. Sie müssen diese Arrays zusammenführen, möchten aber nur die aktiven Statusverläufe der Benutzer anzeigen. Wie macht man das?

2. Löschen:

a. pop()

Problem: Sie haben mehrere Benutzerlisten und müssen jedes Mal den letzten Benutzer aus der Liste entfernen. Sie möchten jedoch nur die aktiven Benutzer der letzten 3 Tage behalten. Wie können Sie damit umgehen?
Problem: Sie haben ein Array mit dem Namen „books“, das Informationen zu verschiedenen Büchern enthält. Jedes Mal müssen Sie das letzte Buch löschen und ein neues Buch hinzufügen. Wie macht man das?

b. Shift()

Problem: Stellen Sie sich einen Warteschlangenprozess vor, bei dem Benutzer darauf warten, dass sie an die Reihe kommen. Jedes Mal melden Sie sich vom nächsten Benutzer ab und geben einen neuen Benutzer ein. Wie führen Sie diesen Prozess durch?
Problem: Sie haben ein Array, das nach Benutzeranmeldezeit organisiert ist. Sie müssen jedes Mal den allerersten Benutzer abmelden. Wie macht man das?

c. splice()

Problem: Sie haben eine Liste mit Schülern und müssen jedes Mal 3 Schüler aus der Liste ändern oder entfernen. Wie führen Sie diesen Prozess durch?
Problem: Sie haben eine Liste mit Problemen. Jedes Mal müssen mehrere Probleme entfernt und geändert werden. Beim Ändern einer Ausgabe müssen die anderen Ausgaben in der richtigen Reihenfolge bleiben. Wie macht man das?

d. Array[i]

Problem: Sie haben ein großes Array und müssen ein Element basierend auf seinem Index löschen. Was ist beim Löschen eines Elements unter Berücksichtigung der Änderung anderer Elemente im Array zu tun?
Problem: Sie haben eine Kundenliste und jeder Kunde hat eine eindeutige ID-Nummer. Welche Methode kann verwendet werden, um einen Kunden für eine bestimmte ID abzumelden?

3. Suche:

a. find(function())

Problem: Sie haben eine Liste von Benutzern. Jeder Benutzer hat eine ID-Nummer und einen Namen. Sie müssen nur die Informationen des Benutzers abrufen, dessen Name „John“ ist. Wie macht man das?
Problem: Sie haben eine Produktliste und jedes Produkt hat einen Namen und einen Preis. Sie müssen nur nach Produkten suchen, deren Preis über 100 liegt. Wie macht man das?

b. indexOf()

Problem: Sie haben eine Liste mit Büchern und jedes Buch hat einen Titel und einen Autor. Wenn der Benutzer nach einem Buch sucht, ermitteln Sie anhand des Namens, in welchem ​​Index es sich befindet.
Problem: Sie haben eine Produktliste und jedem Produkt ist eine eindeutige Identifikationsnummer zugewiesen. Wenn ein Benutzer nach einem Produkt sucht, sollten Sie es anhand seiner ID-Nummer finden können. Wie geht das?

4. Reihenfolge:

a. sort()(für Zahlen)

Problem: Sie haben mehrere Studentenbewertungen. Sortieren Sie die Noten von der niedrigsten zur höchsten, aber sortieren Sie Schüler mit derselben Note nach Namen.
Problem: Sie haben ein Array mit den Preisen von Produkten. Sie können die Preise in absteigender Reihenfolge sortieren, aber wenn die Preise gleich sind, sortieren Sie sie nach Verkaufsdatum.

b. sort()(für Zeichenfolgen)

Problem: Sie haben eine Reihe von Kundennamen. Sie sollten sie alphabetisch sortieren, jedoch nur nach Großbuchstaben
Problem: Sie haben die Titel der Bücher. Sie möchten alle Bücher nach der Länge der darin enthaltenen Wörter sortieren. Wie macht man das?

5. Klicken Sie auf:

a. reverse()

Problem: Sie haben ein Array mit mehreren Zahlen. Sie müssen dieses Array in umgekehrter Reihenfolge ausgeben. Wie berechnet man die Änderungen?
Problem: Sie haben eine Liste mit Texten und möchten die Texte in umgekehrter Reihenfolge ausgeben. Was würden Sie bekommen, wenn die Texte alle gleich lang wären?

Fehler und Fragen

Das obige ist der detaillierte Inhalt vonJavaScript-Array-Methoden.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!