From d303670a68a7ce33aaa915a386f5e893160f33c5 Mon Sep 17 00:00:00 2001
From: David <davidaster007@gmail.com>
Date: Sat, 5 Nov 2022 17:43:38 +0100
Subject: [PATCH] =?UTF-8?q?hinzugef=C3=BCgt=20die=20vershidenen=20Arten=20?=
 =?UTF-8?q?der=20Loops:=20tradizionelles=20Loop,=20"for=20of"=20Loop,=20fo?=
 =?UTF-8?q?reach=20Loop?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chapter11/arrayMethods.js                 |  1 +
 .../Javascript Expert/chapter11/forEach.js    | 33 +++++++++++++++++++
 .../chapter11/newAtMethod.js                  | 12 +++++++
 3 files changed, 46 insertions(+)
 create mode 100644 javascript/Javascript Expert/chapter11/forEach.js
 create mode 100644 javascript/Javascript Expert/chapter11/newAtMethod.js

diff --git a/javascript/Javascript Expert/chapter11/arrayMethods.js b/javascript/Javascript Expert/chapter11/arrayMethods.js
index cd7ad69..1bbb6c0 100644
--- a/javascript/Javascript Expert/chapter11/arrayMethods.js	
+++ b/javascript/Javascript Expert/chapter11/arrayMethods.js	
@@ -39,4 +39,5 @@ const arrMerged = arr.concat(arr2);
 console.log(arrMerged);
 // dasselbe als die Anweisung unten
 console.log([...arr, ...arr2]);
+
 console.log(arrMerged.join("-"));
diff --git a/javascript/Javascript Expert/chapter11/forEach.js b/javascript/Javascript Expert/chapter11/forEach.js
new file mode 100644
index 0000000..0191b30
--- /dev/null
+++ b/javascript/Javascript Expert/chapter11/forEach.js	
@@ -0,0 +1,33 @@
+const movements = [200, 450, -400, 3000, -650, -130, 70, 1300];
+console.log("Tradiocional for loop");
+// die tradiozionelle Bewegung durch das Feld mit dem for loop
+for (let element = 0; element < movements.length; element++) {
+  console.log(movements[element]);
+}
+console.log("------------------------");
+
+console.log("for of loop ");
+// das "for of" Loop durch das Feld
+for (const element of movements) {
+  console.log(element);
+}
+
+// Dekonstruiren des Eintrags (0: 200 -> index:0, element:200, 1: 450 -> index:1, element:450, 2: 400 -> index:2, element:400,....)
+for (const [index, element] of movements.entries()) {
+  console.log(`${index}: ${element}`);
+}
+console.log("------------------------");
+
+console.log("foreach loop");
+// das foreach Loop Mithilfe callback Funktion
+movements.forEach(function (el) {
+  console.log(el);
+});
+
+// callback Methode urprünglich ermöglicht drei Parametern
+// element => ein einzelner Wert aus dem Feld,
+// index => Position des Wertes im Feld,
+// array => das ganze Feld der foreach Methode, in unserem Fall ist es "movements"
+movements.forEach(function (element, index, array) {
+  console.log(`${index}: ${element} ${array}`);
+});
diff --git a/javascript/Javascript Expert/chapter11/newAtMethod.js b/javascript/Javascript Expert/chapter11/newAtMethod.js
new file mode 100644
index 0000000..72f7179
--- /dev/null
+++ b/javascript/Javascript Expert/chapter11/newAtMethod.js	
@@ -0,0 +1,12 @@
+let numbers = [68, 42, 1, 8, 69, 23, 7];
+// neue Methode, wie kann man ein Element aus dem Feld bekommen, statt numbers[0] -> numbers.at(0) (das erste Element des Feldes)
+console.log(numbers.at(0));
+
+console.log(numbers.slice(-2)[0]); // das Erste Element aus dem slice [23, 7] = 23
+numbers = [68, 42, 1, 8, 69, 23, 7];
+// dasselbe wie bei dem slice Zugriff
+console.log(numbers.slice(-2)[0]);
+console.log(numbers.at(-2));
+const name = "David Aster";
+console.log(name.at(0)); // das erste Char
+console.log(name.at(-1)); // das letzte Char