JavaScript-Arrays: Methoden

Beschreibung- verknüpft mehrere Arrays und Werte miteinander und erstellt ein neues mit allen Werten 

Beispiel

var a = ["1", "2", "3"];

var b = ["dog"];

var c = ["42", "cat"];

var d = a.concat(b, c); document.getElementById("demo").innerHTML = d;  

- kopiert einen Teil eines Arrays in eine andere Stelle des gleichen Arrays und gibt das Ergebnis zurück.

function cpW()  {

        var cp = [1, 2, 3, 4, 5];

       cp.copyWithin(-2)

       document.getElementById("demo").innerHTML = cp;

}

- gibt ein neuea Array Iterator Objekt zurück, welcher Schlüssel/Wert-Paare für jeden Index im Array   enthält

function entries1() {

   var entr = ['a', 'b', 'c'];

   var entr1 = entr.entries()

   document.getElementById("demo").innerHTML = entr1.next().value;

}

kann einem Teil oder auch allen Elementen eines Arrays den gleichen Wert zuweisen. Da es sich um eine generische Methode handelt, kann sie auch in Kontext von Objekten aufgerufen werden, bei denen es sich nicht um Arrays handelt.

function bsp1() {

   var arr = [0, 0, 0,]

   var arr1 = arr.fill();

   document.getElementById("demo").innerHTML = arr1;

}

erstellt ein neues Array mit den Elementen, die den Kriterien der Callback-Funktion entsprechen

var arr = [5, "elemente", 10, "the", true, "hurensohn", "dini Muetter"];

var arr1 = arr.filter(

   function (value) {

         return (typeof value == 'string');

}

function myFunction() {

document.getElementById("demo").innerHTML = (arr1 + "<br>");

}

gibt den ersten Wert des Arrays zurück, welcher den Kriterien der Callback-Funktion entspricht. Falls kein Element gefunden, dann undefined.

SYNTAX: arr.filter(callback [, thisArg])

varr ages = [3, 10, 18, 20];

function checkAdult(age) {

   return age >= 18;

}

function myFunction() {

document.getElementById("demo").innerHTML = ages.find(checkAdult);

}

- gibt den Indexwert des ersten Elements zurück, welches den Kriterien der Callback-Funktion entspricht.

Syntax: arr.findIndex(callback [, thisArg])

var ages = [3, 10, 18, 20];

function checkAdult(age) {

    return age >= 18;

}

function myFunction() {

   document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);

}

führt eine übergebene Funktion für jedes Element eines Arrays aus.

Syntax: arr.forEach(callback [, thisArg])

demoP = document.getElementById("demo");

var numbers = [4, 9, 16, 25];

function myFunction (item, index) {

   demoP.innerHTML = demoP.innerHTML + "index [" + index + "]: " + item +  "<br>"

}

prüft, ob ein Array ein bestimmtes Element enthält und gibt entsprechend true oder false aus

Syntax: var boolean = array.includes(searchElement [, fromIndex])

function myFunction()  {

   var str = "Hello world, welcome to the universe. ";

   var n = str.includes("world");

   document.getElementById("demo").innerHTML = n;

} 

durchsucht alle Elemente eines Arrays nach einem gesuchten Begriff und gibt den ersten Indexwert zurück, welcher das Kriterium erfüllt. Falls kein Treffer, dann Rückgabewert -1.

Syntax: arr.indexOf(searchElement [, FromIndex = 0])

function myFunction() {

   var str = "Hello world, welcome to the universe. ";

   var n = str.indexOf("welcome");

   document.getElementById("demo").innerHTML = n;

}

verbindet alle Elemente eines Arrays zu einer Zeichnekette (String)

Syntax: arr.join([separator]);

function myFunction() {

   var fruits = ["Banana","Orange","Apple","Mango",];

   var x = document.getElementById("demo");

   x.innerHTML = fruits.join();

}

- gibt einen Iterator zurück, der die Indexwerte aller Elemente des Arrays zurückgibt

Syntax:   arr.keys();

function myFunction() {

   var fruits = ["Banana", "Apple", "MANGO", "idiot"];

   var iterator = fruits.keys();

   document.getElementById("demo").innerHTML = iterator.next().value;

}

durchsucht alle Elemente eines Arrays nach einem bestimmten Begriff und gibt als Resultat den letzten Indexwert an, auf den der Begriff zutrifft. Bei keinem Treffer Rückgabewert -1.

Syntax:   arr.lastIndexOf(searchElement[, fromIndex = arr.length -1])

function myFunction() {

   var fruits = ["A", "B", "C", "D"];

   var a = fruits.lastIndexOf("C");

   var x = document.getElementById("demo");

        x.innerHTML = a;

}

wendet für jeden Indexwert die bereitgestellte Funktion an und erstellt ein neues Array.

Syntax: array.map(callback[, thisArg])

var numbers = [4, 9, 16, 25,];

function myFunction() {

   x = document.getElementById("demo");

   x.innerHTML = numbers.map(Math.sqrt);

}

entfernt das letzte Element aus einem Array und gibt das neue Array aus

Syntax: arr.pop()

var fruits = ["A", "B", "C", "D", ];

document.getElementById("demo").innerHTML = fruits;

function myFunction() {

   fruits.pop();

   document.getElementById("demo").innerHTML = fruits;

}

fügt neue Elemente an das Ende eines Array hinzu und gibt das neue Array zurück

Syntax: array.push(item1, item2, item3,...itemX)

var fruits = ["A", "S", "D", "N", "I"];

document.getElementById("demo").innerHTML = fruits;

function myFunction() {

   fruits.push("KIWI");

   doucment.getElementById("demo").innerHTML = fruits;

}

ruft die angegebene callback-Funktion für jeden Indexwert auf. Ziel dabei, Arrayinhalt auf einen einzigen Wert zu reduzieren. Einsatzzweck z. Bsp. eine Summen- oder Durchschnittbildung.

Syntax: arr.reduce(callback[, initialValue]);

var numbers = [65, 44, 12, 4];

function getSum(total, num) {

   return total + num;

}

function myFunction(item) {

   document.getElementById("demo"); innerHMTL = numbers.reduce(getSum);

}

reduce the values of an array to a single value (going right-to-left)

Syntax: array.reduce(function total, currentValue, currentIndex, arr)initialValue)

var numbers = [65, 44, 12, 4];

function getSum(total, num) {

   return total + num;

}

function myFunction(item) {

    document.getElementById("demo").innerHTML = numbers.reduceRight(getSum);

}

kehrt die Reihenfolge der Elemente innerhalb eines Arrays um.

Syntax: array.reverse()

var fruits = ["A", "W", "S", "X"];

document.getElementById("demo").innerHTML = fruits

function myFunction() {

   fruits.reverse();

   document.getElementById("demo").innerHTML = fruits;

}

entfernt das erste Element aus einem Array und gibt dieses zurück.

Syntax: array.shift()

var fruits = ["A", "Q", "L", "E", "B", "F", ];

document.getElementById("demo").innerHTML = fruits;

function myFunction() {

   fruits.shift;

    document.getElementById("demo").innerHMTL = fruits;

}

gibt einen Abschnitt eines Arrays zurück.

Syntax: array.slice(start, end)

function myFunction()  {

   var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

   var citrus = fruits.slice(1, 3);

   document.getElementById("demo").innerHTML = citrus;

}

überprüft, ob die angegebene callback-Funktion für mindestens einen Indexwert zutrifft und gibt

true/false aus.

Syntax: array.some(function(currentValue, index, array), thisValue)

var ages = [3, 7, 18, 20];

function checkAdult(age) {

   return age >18;

}

function myFunction () {

   document.getElementById("demo").innerHTML = ages.some(checkAdult);

}

sortiert ein array

Syntax: array.sort(compareFunction);

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo").innerHTML = fruits;

fruits myFunction() {

   fruits.sort;

   document.getElementById("demo").innerHTML = fruits;

}

entfernt Elemente aus einem Array und fügt ggf. an ihrer Stelle neue Elemente ein.

Rückgabewert Array mit neuen Werten.

Syntax: array.splice(index, deleteCount, [item1 [, item2[, item3 [, itemN]]]])

var fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo").innerHTML = fruits;

function myFunction () {

   fruits.splice(2, 0, "Lemon", "Kiwi");

   document.getElementeById("demo").innerHTML = fruits;

}
 

- wandelt ein Array mit seinen Werten in eine Zeichenkette um.

Syntax: array.toString();

function myFunction() {

   var fruits = ["Banana", "Orange", "Apple", "Mango"];

   fruits.toString();

   document.getElementById("demo").innerHTML = fruits;

    }

Definition: fügt am Anfang eines Arrays neue Elemente ein

Syntax: array.unshift(item1, item2, item3,...itemX)

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

function myFunction() {

   fruits.unshift("Lemon", "Kiwi");

   document.getElementById("demo").innerHTML = fruits;

}

Definition: returniert den Wert des Arrays

Syntax: array.valueOf()

myFunction() {

   var fruits = ["Banana", "Orange", "Apple", "Mango"];

   document.getElementById("demo").innerHTML = fruits.valueOf();
 

}