Skip to content

Commit 1d71010

Browse files
sumn2uayushi-ras
andauthored
Translation in German (#183)
* interview-questions/basic-level * Translation German(array) * Updated Array Folder in german (#137) * interview-questions/basic-level * interview-questions/basic-level * Translation German(array) * Translation German: Updated File Name * fix: added readme file for german translation * Updated Array in german --------- Co-authored-by: Suman Kunwar <[email protected]> Co-authored-by: sumn2u <[email protected]> * Completed Array Folder in German (#148) * interview-questions/basic-level --------- Co-authored-by: Suman Kunwar <[email protected]> Co-authored-by: sumn2u <[email protected]> * Added Basic folder in german (#163) * interview-questions/basic-level --------- Co-authored-by: Suman Kunwar <[email protected]> Co-authored-by: sumn2u <[email protected]> * Completed browser-object-model-bom folder in german (#171) * interview-questions/basic-level * interview-questions/basic-level * Translation German(array) * Translation German: Updated File Name * fix: added readme file for german translation * Updated Array in german * Completed Array in german * Completed Basics in german * Completed browser-object-model in german * Completed classes in german --------- Co-authored-by: Suman Kunwar <[email protected]> Co-authored-by: sumn2u <[email protected]> --------- Co-authored-by: Ayushi Rastogi <[email protected]> Co-authored-by: Ayushi Rastogi <[email protected]>
1 parent 83e1d30 commit 1d71010

31 files changed

+1370
-1
lines changed

LANGS.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33
- [Türkiye](tr/)
44
- [Français](fr/)
55
- [Deutsch](de/)
6-
- [Indonesian](id/)
6+
- [Indonesian](id/)

de/README.md

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
---
2+
capítulo: 1
3+
número de página: 7
4+
descripción: JavaScript es un lenguaje de programación de alto nivel, interpretado y de tipado dinámico utilizado principalmente para el desarrollo web. Es una de las tecnologías centrales utilizadas para crear sitios web interactivos y aplicaciones web.
5+
---
6+
7+
# Capítulo 1
8+
# Introducción
9+
10+
Las computadoras son comunes en el mundo de hoy, ya que pueden realizar una amplia variedad de tareas de manera rápida y precisa. Se utilizan en muchas industrias diferentes, como negocios, atención médica, educación y entretenimiento, y se han convertido en una parte esencial de la vida diaria para muchas personas. Además, también se utilizan para realizar cálculos científicos y matemáticos complejos, almacenar y procesar grandes cantidades de datos y comunicarse con personas de todo el mundo.
11+
12+
La programación implica crear un conjunto de instrucciones, llamado programa, para que una computadora lo siga. Escribir un programa puede ser tedioso y frustrante a veces porque las computadoras son muy precisas y necesitan instrucciones específicas para completar tareas.
13+
14+
![Página de introducción](../.gitbook/assets/intro.png)
15+
16+
Los lenguajes de programación son lenguajes artificiales utilizados para dar instrucciones a las computadoras. Se utilizan en la mayoría de las tareas de programación y se basan en la forma en que los humanos se comunican entre sí. Al igual que los idiomas humanos, los lenguajes de programación permiten combinar palabras y frases para expresar nuevos conceptos. Es interesante destacar que la forma más efectiva de comunicarse con las computadoras implica el uso de un lenguaje similar al lenguaje humano.
17+
18+
En el pasado, la forma principal de interactuar con las computadoras era a través de interfaces basadas en texto, como los comandos BASIC y DOS. Estos han sido reemplazados en gran medida por interfaces visuales, que son más fáciles de aprender pero ofrecen menos flexibilidad. Sin embargo, los lenguajes de programación como _JavaScript_ todavía se utilizan y se pueden encontrar en navegadores web modernos y en la mayoría de los dispositivos.
19+
20+
JavaScript (_JS abreviado_) es el lenguaje de programación que se utiliza para crear interacciones dinámicas al desarrollar páginas web, juegos, aplicaciones e incluso servidores. JavaScript comenzó en Netscape, un navegador web desarrollado en la década de 1990, y hoy es uno de los lenguajes de programación más famosos y utilizados.
21+
22+
Inicialmente, se creó para dar vida a las páginas web y solo podía ejecutarse en un navegador. Ahora se ejecuta en cualquier dispositivo que admita el motor JavaScript. Objetos estándar como [Array](./arrays/README.md), [Date](./date-and-time.md) y [Math](./numbers/math.md) están disponibles en JavaScript, al igual que operadores, estructuras de control y declaraciones. _JavaScript del lado del cliente_ y _JavaScript del lado del servidor_ son las versiones ampliadas de JavaScript.
23+
24+
* _JavaScript del lado del cliente_ permite la mejora y manipulación de páginas web y navegadores de clientes. Las respuestas a eventos del usuario, como clics de ratón, entrada de formularios y navegación de páginas, son algunos ejemplos.
25+
26+
* _JavaScript del lado del servidor_ permite el acceso a servidores, bases de datos y sistemas de archivos.
27+
28+
JavaScript es un lenguaje interpretado. Mientras se ejecuta JavaScript, un intérprete interpreta cada línea y la ejecuta. El navegador moderno utiliza la tecnología Just In Time (JIT) para la compilación, que compila JavaScript en código ejecutable.
29+
30+
{% hint style="info" %}
31+
"LiveScript" fue el nombre inicial dado a JavaScript.
32+
{% endhint %}
33+
34+
### Código y qué hacer con él
35+
36+
El _código_ son las instrucciones escritas que componen un programa. Aquí, muchos capítulos contienen mucho código, y es importante leer y escribir código como parte del aprendizaje de cómo programar. No debes simplemente examinar rápidamente los ejemplos; léelos con atención y trata de comprenderlos. Esto puede ser difícil al principio, pero con la práctica, mejorarás. Lo mismo ocurre con los ejercicios; asegúrate de intentar realmente escribir una solución antes de asumir que los comprendes. También es útil intentar ejecutar tus soluciones a los ejercicios en un intérprete de JavaScript, ya que esto te permitirá ver si tu código funciona correctamente y puede animarte a experimentar y superar los ejercicios.
37+
38+
### Convenciones tipográficas
39+
40+
Aquí, el texto escrito en una fuente de espacio fijo representa elementos de un programa. Esto puede ser un fragmento independiente o una referencia a una parte de un programa cercano. Los programas, como el que se muestra a continuación, se escriben de esta manera:
41+
42+
```javascript
43+
const números = [45, 4, 9, 16, 25];
44+
let txt = "";
45+
for (let x en números) {
46+
txt += números[x];
47+
}
48+
49+
```
50+
51+
A veces, la salida esperada de un programa se escribe después de él, precedida por dos barras diagonales con un Resultado, como esto:
52+
53+
```javascript
54+
console.log(txt);
55+
56+
// Resultado: txt = '45491625'
57+
```

de/arrays/README.md

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
---
2+
layout: editorial
3+
Kapitel: 6
4+
Seitenzahl: 36
5+
Beschreibung: Arrays sind ein grundlegender Bestandteil der Programmierung. Ein Array ist eine Liste von Daten. Wir können viele Daten in einer Variablen speichern, was unseren Code lesbarer und verständlicher macht. Es erleichtert auch die Durchführung von Funktionen in Bezug auf verwandte Daten.
6+
---
7+
8+
# Kapitel 6
9+
# Arrays
10+
11+
Arrays sind ein grundlegender Bestandteil der Programmierung. Ein Array ist eine Liste von Daten. Wir können viele Daten in einer Variablen speichern, was unseren Code lesbarer und verständlicher macht. Es erleichtert auch die Durchführung von Funktionen in Bezug auf verwandte Daten.
12+
13+
Die Daten in Arrays werden als **Elemente** bezeichnet.
14+
15+
Hier ist ein einfaches Array:
16+
17+
```javascript
18+
// 1, 1, 2, 3, 5 und 8 sind die Elemente in diesem Array
19+
let zahlen = [1, 1, 2, 3, 5, 8];
20+
```
21+
22+
Arrays können leicht mit Array-Literalen oder mit dem 'new'-Schlüsselwort erstellt werden.
23+
24+
```javascript
25+
const autos = ["Saab", "Volvo", "BMW"]; // Verwendung von Array-Literalen
26+
const autos = new Array("Saab", "Volvo", "BMW"); // Verwendung des new-Schlüsselworts
27+
```
28+
29+
Eine Indexnummer wird verwendet, um auf die Werte eines Arrays zuzugreifen. Der Index des ersten Elements in einem Array ist immer '0', da Array-Indizes mit '0' beginnen. Die Indexnummer kann auch verwendet werden, um die Elemente eines Arrays zu ändern.
30+
31+
```javascript
32+
const autos = ["Saab", "Volvo", "BMW"];
33+
console.log(autos[0]);
34+
// Ergebnis: Saab
35+
36+
autos[0] = "Opel"; // Ändern des ersten Elements eines Arrays
37+
console.log(autos);
38+
// Ergebnis: ['Opel', 'Volvo', 'BMW']
39+
```
40+
{% hint style="warning" %}
41+
Arrays sind eine spezielle Art von Objekt. Es können Objekte in einem Array vorhanden sein.
42+
{% endhint %}
43+
44+
Die length-Eigenschaft eines Arrays gibt die Anzahl der Elemente zurück. Die von Arrays unterstützten Methoden werden unten angezeigt:
45+
46+
| Name | Beschreibung |
47+
| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
48+
| `concat()` | RGibt zwei oder mehr kombinierte Arrays zurück |
49+
| `join()` | Verbindet alle Elemente in einem Array zu einem String |
50+
| `push()` | Fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die Länge zurück
51+
|
52+
| `pop()` | Entfernt das letzte Element eines Arrays und gibt dieses Element zurück |
53+
| `shift()` | Entfernt das erste Element eines Arrays und gibt dieses Element zurück |
54+
| `unshift()` | Fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu und gibt die Länge zurück |
55+
| `slice()` | Extrahiert den Abschnitt eines Arrays und gibt das neue Array zurück |
56+
| `at()` | Gibt das Element am angegebenen Index oder `undefined` zurück |
57+
| `splice()` | Entfernt Elemente aus einem Array und ersetzt sie (optional) und gibt das Array zurück |
58+
| `reverse()` | TVertauscht die Elemente eines Arrays und gibt eine Referenz auf ein Array zurück |
59+
| `flat()` | Gibt ein neues Array zurück, in dem alle Unterarray-Elemente rekursiv bis zur angegebenen Tiefe zusammengefügt sind |
60+
| `sort()` | Sortiert die Elemente eines Arrays an Ort und Stelle und gibt eine Referenz auf das Array zurück |
61+
| `indexOf()` | Gibt den Index des ersten Übereinstimmungselements zurück |
62+
| `lastIndexOf()` | Gibt den Index des letzten Übereinstimmungselements zurück |
63+
| `forEach()` | Führt eine Rückruffunktion in jedem Element eines Arrays aus und gibt undefined zurück |
64+
| `map()` | Gibt ein neues Array zurück, das einen Rückgabewert ausführt, indem `callback` für jedes Array-Element ausgeführt wird. |
65+
| `flatMap()` | Führt map() gefolgt von flat() der Tiefe 1 aus |
66+
| `filter()` | Gibt ein neues Array zurück, das die Elemente enthält, für die callback true zurückgegeben hat |
67+
| `find()` | Gibt das erste Element zurück, für das `callback` `true` zurückgegeben hat |
68+
| `findLast()` | Gibt das letzte Element zurück, für das `callback` `true` zurückgegeben hat |
69+
| `findIndex()` | Gibt den Index des ersten Elements zurück, für das `callback` `true` zurückgegeben hat |
70+
| `findLastIndex()` | Gibt den Index des letzten Elements zurück, für das `callback` `true` zurückgegeben hat |
71+
| `every()` | Gibt `true` zurück, wenn `callback` für jedes Element im Array `true` zurückgibt |
72+
| `some()` | Gibt `true` zurück, wenn `callback` für mindestens ein Element im Array `true` zurückgibt |
73+
| `reduce()` | Verwendet `callback(Akkumulator, aktueller Wert, aktueller Index, Array)` zu Reduzierungszwecken und gibt den endgültigen von der `callback`-Funktion zurückgegebenen Wert zurück |
74+
| `reduceRight()` | Funktioniert ähnlich wie `reduce()`, beginnt jedoch mit dem letzten Element |
75+

de/arrays/length.md

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
Kapitel: 6
3+
Seitenzahl: 44
4+
Beschreibung: Arrays haben eine Eigenschaft namens "length", die die Länge eines Arrays misst.
5+
---
6+
# Länge (Length)
7+
8+
Arrays haben eine Eigenschaft namens "length", und sie ist ziemlich genau das, wonach sie klingt - es ist die Länge des Arrays.
9+
10+
```javascript
11+
let array = [1, 2, 3];
12+
13+
let l = array.length;
14+
15+
// Ergebnis: l = 3
16+
```
17+
18+
Die "length"-Eigenschaft legt auch die Anzahl der Elemente in einem Array fest. Zum Beispiel:
19+
20+
```javascript
21+
let obst = ["Banane", "Orange", "Apfel", "Mango"];
22+
obst.length = 2;
23+
24+
console.log(obst);
25+
// Ergebnis: ['Banane', 'Orange']
26+
```
27+
28+
Sie können die "length"-Eigenschaft auch verwenden, um das letzte Element eines Arrays zu erhalten, indem Sie sie als Index verwenden. Zum Beispiel:
29+
30+
```c
31+
console.log(obst[obst.length - 1]); // Ergebnis: Orange
32+
```
33+
34+
Sie können die "length"-Eigenschaft auch verwenden, um Elemente am Ende eines Arrays hinzuzufügen. Zum Beispiel:
35+
36+
```c
37+
obst[obst.length] = "Ananas";
38+
console.log(obst); // Ergebnis: ['Banane', 'Orange', 'Ananas']
39+
```
40+
41+
{% hint style="info" %}
42+
Die "length"-Eigenschaft wird automatisch aktualisiert, wenn Elemente dem Array hinzugefügt oder daraus entfernt werden.
43+
{% endhint %}
44+
45+
Es ist auch erwähnenswert, dass die "length"-Eigenschaft keine Methode ist, daher müssen Sie keine Klammern verwenden, wenn Sie darauf zugreifen. Es handelt sich einfach um eine Eigenschaft des Array-Objekts, auf die Sie wie auf jede andere Objekteigenschaft zugreifen können.

de/arrays/map.md

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
---
2+
Kapitel: 6
3+
Seitenzahl: 39
4+
Beschreibung: Die "map"-Methode durchläuft ein Array und ändert seine Elemente mithilfe einer Rückruffunktion. Diese Rückruffunktion wird auf jedes Element des Arrays angewendet.
5+
---
6+
# Map
7+
8+
Die Methode `Array.prototype.map()` durchläuft ein Array und ändert seine Elemente mithilfe einer Rückruffunktion. Diese Rückruffunktion wird dann auf jedes Element des Arrays angewendet.
9+
10+
Hier ist die Syntax für die Verwendung von `map`.
11+
12+
```javascript
13+
let newArray = oldArray.map(function(element, index, array) {
14+
// element: aktuell verarbeitetes Element im Array
15+
// index: Index des aktuell verarbeiteten Elements im Array
16+
// array: das Array, auf dem "map" aufgerufen wurde
17+
// Rückgabe des Elements, das zu newArray hinzugefügt werden soll
18+
});
19+
```
20+
21+
Beispielsweise nehmen wir an, Sie haben ein Array von Zahlen, und Sie möchten ein neues Array erstellen, das die Werte der Zahlen im ursprünglichen Array verdoppelt. Dies können Sie mithilfe von "map" wie folgt tun.
22+
23+
```javascript
24+
const zahlen = [2, 4, 6, 8];
25+
26+
const verdoppelteZahlen = zahlen.map(zahl => zahl * 2);
27+
28+
console.log(verdoppelteZahlen);
29+
30+
// Ergebnis: [4, 8, 12, 16]
31+
```
32+
33+
Sie können auch die Pfeilfunktionssyntax verwenden, um die Funktion, die an "map" übergeben wird, zu definieren.
34+
35+
<pre class="language-typescript"><code class="lang-typescript"><strong>let verdoppelteZahlen = zahlen.map((zahl) => {
36+
</strong> return zahl * 2;
37+
});
38+
</code></pre>
39+
oder
40+
41+
```typescript
42+
let verdoppelteZahlen = zahlen.map(zahl => zahl * 2);
43+
```
44+
45+
{% hint style="info" %}
46+
Die "map()"-Methode führt die Funktion nicht für leere Elemente aus und ändert das ursprüngliche Array nicht.
47+
{% endhint %}

de/arrays/pop.md

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
---
2+
Kapitel: 6
3+
Seitenzahl: 42
4+
Beschreibung: Die "pop"-Methode entfernt das letzte Element aus einem Array und gibt dieses Element zurück. Diese Methode ändert die Länge des Arrays.
5+
---
6+
# Pop
7+
8+
Die "pop"-Methode entfernt das letzte Element aus einem Array und gibt dieses Element zurück. Diese Methode ändert die Länge des Arrays.
9+
10+
Hier ist die Syntax für die Verwendung von "pop":
11+
12+
```c
13+
array.pop();
14+
```
15+
16+
Beispiel:
17+
18+
```javascript
19+
let arr = ["eins", "zwei", "drei", "vier", "fünf"];
20+
arr.pop();
21+
22+
console.log(arr);
23+
24+
// Ergebnis: ['eins', 'zwei', 'drei', 'vier']
25+
```
26+
27+
Sie können die "pop"-Methode auch in Verbindung mit einer Schleife verwenden, um alle Elemente aus einem Array zu entfernen. Hier ist ein Beispiel, wie Sie dies tun könnten:
28+
29+
```c
30+
while (array.length > 0) {
31+
array.pop();
32+
}
33+
34+
console.log(array); // Ergebnis: []
35+
```
36+
37+
{% hint style="warning" %}
38+
Die "pop"-Methode funktioniert nur bei Arrays und nicht bei anderen Objekten, die Arrays ähneln, wie z.B. Argument-Objekten oder NodeList-Objekten. Wenn Sie Elemente aus einem dieser Arten von Objekten entfernen müssen, müssen Sie es zuerst in ein Array umwandeln, indem Sie die Methode Array.prototype.slice() verwenden.
39+
40+
{% endhint %}

de/arrays/push.md

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
---
2+
Kapitel: 6
3+
Seitenzahl: 45
4+
Beschreibung: Mit der "push"-Methode können bestimmte Elemente am Ende eines Arrays hinzugefügt werden, wobei der letzte Index das neu hinzugefügte Element ist. Dies ändert die Länge des Arrays und gibt eine neue Länge zurück.
5+
---
6+
# Push
7+
8+
Mit der "push"-Methode können bestimmte Elemente am Ende eines Arrays hinzugefügt werden, wobei der letzte Index das neu hinzugefügte Element ist. Dies ändert die Länge des Arrays und gibt eine neue Länge zurück.
9+
10+
Hier ist die Syntax für die Verwendung von "push":
11+
12+
```c
13+
array.push(element1[, ...[, elementN]]);
14+
```
15+
16+
Die Argumente element1, ..., elementN repräsentieren die Elemente, die am Ende des Arrays hinzugefügt werden sollen.
17+
18+
Beispiel:
19+
20+
```javascript
21+
let array = [1, 2, 3];
22+
array.push(4);
23+
24+
console.log(array);
25+
26+
// Ergebnis: array = [1, 2, 3, 4]
27+
```
28+
29+
Sie können "push" auch verwenden, um Elemente am Ende eines arrayähnlichen Objekts (wie einem Argumente-Objekt oder einem NodeList-Objekt) hinzuzufügen, indem Sie es zuerst in ein Array umwandeln, indem Sie die Methode Array.prototype.slice() verwenden:
30+
31+
```javascript
32+
function printArguments() {
33+
let args = Array.prototype.slice.call(arguments);
34+
args.push('d', 'e', 'f');
35+
console.log(args);
36+
}
37+
38+
printArguments('a', 'b', 'c'); // Ergebnis: ["a", "b", "c", "d", "e", "f"]
39+
```
40+
41+
> **Hinweis**: Die "push"-Methode ändert das ursprüngliche Array. Sie erstellt kein neues Array.

de/arrays/shift.md

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
---
2+
Kapitel: 6
3+
Seitenzahl: 41
4+
Beschreibung: Die "shift"-Methode löscht das erste Indexelement des Arrays und verschiebt alle Indizes nach links. Sie ändert das ursprüngliche Array.
5+
---
6+
# Shift
7+
8+
Die "shift"-Methode löscht das erste Indexelement des Arrays und verschiebt alle Indizes nach links. Sie ändert das ursprüngliche Array. Hier ist die Syntax für die Verwendung von "shift":
9+
10+
```c
11+
array.shift();
12+
```
13+
14+
Beispiel:&#x20;
15+
16+
```javascript
17+
let array = [1, 2, 3];
18+
array.shift();
19+
20+
// Ergebnis: array = [2,3]
21+
22+
```
23+
24+
Sie können die "shift"-Methode auch in Verbindung mit einer Schleife verwenden, um alle Elemente aus einem Array zu entfernen. Hier ist ein Beispiel, wie Sie dies tun könnten:
25+
26+
```c
27+
while (array.length > 0) {
28+
array.shift();
29+
}
30+
31+
console.log(array); // Ergebnis: []
32+
```
33+
34+
{% hint style="warning" %}
35+
Die "shift"-Methode funktioniert nur bei Arrays und nicht bei anderen Objekten, die Arrays ähneln, wie zum Beispiel Argument-Objekten oder NodeList-Objekten. Wenn Sie Elemente aus einem dieser Arten von Objekten verschieben müssen, müssen Sie es zuerst in ein Array umwandeln, indem Sie die Methode Array.prototype.slice() verwenden.
36+
{% endhint %}

0 commit comments

Comments
 (0)