Javascript für Anfänger Teil 3/3

Themen, die Sie in diesem Teil behandeln werden

1. Array
2. Objekt

Ein Array ist eine Datenstruktur, die eine Liste von Werten darstellt. Sie können Arrays verwenden, um geordnete Sammlungen von Daten zu speichern und zu bearbeiten.

Arrays werden mit eckigen Klammern definiert, und die Elemente des Arrays werden durch Kommas getrennt. Hier ist ein Beispiel für ein Array in JavaScript:

let numbers = [1, 2, 3, 4, 5];

Sie können auf die Elemente eines Arrays über ihren Index zugreifen, der die Position des Elements im Array darstellt. Array-Indizes sind nullbasiert, was bedeutet, dass das erste Element einen Index von 0 hat, das zweite Element einen Index von 1 hat und so weiter.

Auf die Elemente eines Arrays kann mit eckigen Klammern und dem Index des Elements zugegriffen werden. Zum Beispiel:

console.log(numbers[0]); // 1
console.log(numbers[2]); // 3

numbers[0] = 10; // modifies the first element
numbers[5] = 6; // adds a new element at the end of the array

// array method
numbers.splice(3, 1); // deletes the fourth element

Array-Methoden:

Hier sind einige Beispiele für gängige Array-Methoden:

• concat(): Die concat()Methode wird verwendet, um zwei oder mehr Arrays zu einem einzigen Array zusammenzuführen. Es ändert nicht die ursprünglichen Arrays, sondern erstellt stattdessen ein neues Array, das die Elemente der ursprünglichen Arrays enthält. Zum Beispiel:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = arr1.concat(arr2); // [1, 2, 3, 4, 5, 6]

let arr = [1, 2, 3, 4, 5];
let str = arr.join(); // "1,2,3,4,5"
let str2 = arr.join("-"); // "1-2-3-4-5"

let arr = [1, 2, 3, 4, 5];
let last = arr.pop(); // 5
console.log(arr); // [1, 2, 3, 4]

let arr = [1, 2, 3, 4, 5];
arr.push(6, 7, 8);
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8]

let arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // [5, 4, 3, 2, 1]

let arr = [1, 2, 3, 4, 5];
let first = arr.shift(); // 1
console.log(arr); // [2, 3, 4, 5]

let arr = [1, 2, 3, 4, 5];
let sub = arr.slice(2, 4); // [3]

Es gibt mehrere Möglichkeiten, Objekte in JavaScript zu erstellen. Hier sind ein paar Beispiele:

Verwenden eines Objektliterals: Sie können ein Objekt mithilfe eines Objektliterals erstellen, bei dem es sich um eine Liste von Schlüssel-Wert-Paaren handelt, die von geschweiften Klammern umgeben sind. Zum Beispiel:

let obj = {
  key1: value1,
  key2: value2,
  ...
};

let obj = new Object();

let obj = new Object({
  key1: value1,
  key2: value2,
  ...
});

let obj = Object.create(Object.prototype);

let obj = Object.create({
  key1: value1,
  key2: value2,
  ...
});

let person = {
  name: "John",
  age: 30,
  job: "developer"
};

Sie können auf die Eigenschaften eines Objekts zugreifen, indem Sie Punktnotation oder Klammernotation verwenden. Zum Beispiel:

console.log(person.name); // "John"
console.log(person["age"]); // 30

person.age = 31; // modifies the age property
person.email = "[email protected]"; // adds a new property
delete person.job; // deletes the job property

• hasOwnProperty(): Die hasOwnProperty()Methode wird verwendet, um zu prüfen, ob ein Objekt eine bestimmte Eigenschaft hat. Es gibt einen booleschen Wert zurück. Zum Beispiel:

console.log(person.hasOwnProperty("name")); // true
console.log(person.hasOwnProperty("email")); // false

let obj1 = {};
let obj2 = Object.create(obj1);
console.log(obj1.isPrototypeOf(obj2)); // true

console.log(person.propertyIsEnumerable("name")); // true

console.log(person.toString()); // "[object Object]"