Premium Partner

JavaScript-Arrays: Methoden

Übersicht der Methoden

Übersicht der Methoden


Kartei Details

Karten 28
Sprache Deutsch
Kategorie Informatik
Stufe Grundschule
Erstellt / Aktualisiert 31.07.2016 / 04.01.2022
Lizenzierung Keine Angabe
Weblink
https://card2brain.ch/box/javascriptarrays_methoden
Einbinden
<iframe src="https://card2brain.ch/box/javascriptarrays_methoden/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>

Übersicht aller Methode?

1.  array.concat()        

2.  array.copyWithin()

3.  array.entries()        

4.  array.fill()

5.  array.filter()            

6.  array.find()

7.  array.findIndex()     

8.  array.forEach()

9.  array.includes()     

10.  array.indexOf()

11.  array.join()            

12.  array.keys()

13.  array.lastIndexOf()

14.  array.map()

15.  array.pop()           

16.  array.push()

17.  array.reduce()      

18.  array.reduceRight()

19.  array.reverse()     

20.  array.shift()

21.  array.slice()          

22.  array.some()

23.  array.sort()           

24.  array.splice()

25.  array.toLocaleString()  

26.  array.toString()

27.  array.unshift()       

28.  array.valueOf()

 

array.concat()

Beschreibung und Syntax

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;  

 

array.copyWithin()

- Beschreibung und Syntax/Beispiel

- 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;

}

array.entries()

- Beschreibung & Syntax/Beispiel

- 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;

}

 

array.fill()

- Beschreibung & Syntax/Beispiel

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;

 

}

array.filter()

- Beschreibung & Syntax/Beispiel

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>");

}

array.find()

- Beschreibung und Syntax/Beispiel

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);

}

array.findIndex()

- Beschreibung und Syntax/Beispiel

- 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);

}