Whats the equivalent of XYZ of Python in JavaScript

Strings

Python:

greeting = 'Hallo'
name = "Welt"
# String interpolation
print(f"{greeting} {name}!")
# => Hallo Welt!

JavaScript

greeting = 'Hallo'
name = "Welt"
// String interpolation
console.log(`${greeting} ${name}`)
// => Hallo Welt!

Variablen in JavaScript

Besonderheiten Variablen: In JavaScript können Variablen, wie in Python auch, ohne Angabe des Datentyps erstellt werden: name = 'Maria'. Es wird aber zwischen konstanten und änderbaren Variablen unterschieden:

a = 12 // änderbar
let a = 12 // explizit deklariert, dass Variable änderbar ist
const b = 12 // konstante Variable, kann nicht überschrieben werden.

Dictionaries

Python

person = {
  'vorname': 'Reto',
  'nachname': 'Holz',
  'alter': 24
}

# Elemente abrufen
print(f"Hallo {person['vorname']} {person['nachname']}")
# => Hallo Reto Holz

# Elemente Aktualisieren
person['nachname'] = 'Holzer'

# neue Elemente Hinzufügen
person['augenfarbe'] = 'blau'

# ELemenete Löschen
del(person['alter'])

JavaScript

In JavaScript werden Objekt-Literale verwendet:

person = {
  vorname: 'Reto',
  nachname: 'Holz',
  alter: 24
}

// Elemente Abrufen
console.log(`Hallo ${person['vorname']} ${person['nachname']}`)
// oder
console.log(`Hallo ${person.vorname} ${person.nachname}`)
// => Hallo Reto Holz

// Elemente Aktualisieren
person['nachname'] = 'Holzer'
// oder
person.nachname = 'Holzer'

// neue Elemente Hinzufügen
person['augenfarbe'] = 'blau'
// oder
person.augenfarbe = 'blau'

// ELemenete Löschen
delete(person['alter'])
delete(person.alter)

Funktionen

Python

def greet(name):
  print(f"Hallo {name}")

greet('Maria') # => Hallo Maria

JavaScript

function greet(name) {
  console.log(`Hallo ${name}`)
}
greet('Maria') // => Hallo Maria

Arrow-Functions / Lambda-Functions

Kurzschreibweise von Funktionen

Python

In Python werden Lambda Funktionen (auch anonyme Funktionen genannt) verwendet

greet = lambda name: print(f"Hallo {name}")
greet('Reto') # Hallo Reto

JavaScript

In JavaScript heissen diese Funktionen Arrow Functions:

greet = (name) => { console.log(`Hallo ${name}`) }
// oder noch kürzer für einzeilige Funktionen
greet = name => console.log(`Hallo ${name}`)

greet('Reto') // Hallo Reto

Listen / Arrays

Python

fruits = ['Apple', 'Orange', 'Pfirsich']

# Anzahl Elemente
len(fruits) # => 3

# Hinzufügen
fruits.append('Banane') # ['Apple', 'Orange', 'Pfirsich', 'Banane']

# Letztes Element entfernen
fruits.pop() # ['Apple', 'Orange', 'Pfirsich']

# Erstes Element entfernen
fruits.remove(fruits[0]) # ['Orange', 'Pfirsich']

JavaScript

fruits = ['Apple', 'Orange', 'Pfirsich']

// Anzahl Elemente
fruits.length // => 3

// Hinzufügen
fruits.push('Banane') // ['Apple', 'Orange', 'Pfirsich', 'Banane']

// Letztes Element entfernen
fruits.pop() // ['Apple', 'Orange', 'Pfirsich']

// Erstes Element entfernen
fruits.shift() // ['Orange', 'Pfirsich']