Skip to content

Commit 2b6effd

Browse files
authored
Merge pull request #16 from JoeGab/Comparisons
Comparisons
2 parents afd4514 + 1859f01 commit 2b6effd

File tree

3 files changed

+99
-106
lines changed

3 files changed

+99
-106
lines changed

1-js/02-first-steps/09-comparison/1-comparison-questions/solution.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@ null == "\n0\n" → false
1010
null === +"\n0\n"false
1111
```
1212

13-
Some of the reasons:
13+
Begründungen:
1414

15-
1. Obviously, true.
16-
2. Dictionary comparison, hence false. `"a"` is smaller than `"p"`.
17-
3. Again, dictionary comparison, first char `"2"` is greater than the first char `"1"`.
18-
4. Values `null` and `undefined` equal each other only.
19-
5. Strict equality is strict. Different types from both sides lead to false.
20-
6. Similar to `(4)`, `null` only equals `undefined`.
21-
7. Strict equality of different types.
15+
1. Offensichtlich true.
16+
2. Wörterbuchvergleich, daher false. `"a"` ist kleiner als `"p"`.
17+
3. Wieder, Wörterbuchvergleich, erstes Zeichen `"2"` ist größer als das erste Zeichen `"1"`.
18+
4. Die Werte `null` und `undefined` sind nur gegenseitig gleich.
19+
5. Strikte Gleichheit ist streng. Verschiedene Typen auf beiden Seiten führen zu `false`.
20+
6. Ähnlich wie `(4)`, `null` ist nur gleich `undefined`.
21+
7. Strikte Gleichheit von verschiedenen Datentypen.

1-js/02-first-steps/09-comparison/1-comparison-questions/task.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@ importance: 5
22

33
---
44

5-
# Comparisons
5+
# Vergleiche
66

7-
What will be the result for these expressions?
7+
Was wird das Ergebnis dieser Ausdrücke sein?
88

99
```js no-beautify
1010
5 > 4
Lines changed: 89 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -1,103 +1,95 @@
1-
# Comparisons
1+
# Vergleiche
22

3-
We know many comparison operators from maths.
3+
Wir kennen viele Vergleichsoperatoren aus der Mathematik:
44

5-
In JavaScript they are written like this:
5+
- Größer/kleiner als: <code>a &gt; b</code>, <code>a &lt; b</code>.
6+
- Größer/kleiner als oder gleich: <code>a &gt;= b</code>, <code>a &lt;= b</code>.
7+
- Gleich: `a == b` (beachte bitte das doppelte Gleichheitszeichen `=`. Ein einfaches Gleichheitszeiten `a = b` würde eine Zuweisung bedeuten).
8+
- Ungleich. In der Mathematik lautet die Notation <code>&ne;</code>, aber in JavaScript wird es als eine Zuweisung mit einem Ausrufezeichen davor geschrieben: <code>a != b</code>.
69

7-
- Greater/less than: <code>a &gt; b</code>, <code>a &lt; b</code>.
8-
- Greater/less than or equals: <code>a &gt;= b</code>, <code>a &lt;= b</code>.
9-
- Equals: `a == b`, please note the double equality sign `==` means the equality test, while a single one `a = b` means an assignment.
10-
- Not equals: In maths the notation is <code>&ne;</code>, but in JavaScript it's written as <code>a != b</code>.
10+
## Das Ergebnis ist Boolean
1111

12-
In this article we'll learn more about different types of comparisons, how JavaScript makes them, including important peculiarities.
12+
Wie alle anderen Operatoren liefert ein Vergleich einen Wert. In diesem Fall ist der Wert ein boolscher Wert.
1313

14-
At the end you'll find a good recipe to avoid "JavaScript quirks"-related issues.
14+
- `true` -- bedeutet "ja", "richtig" oder "die Wahrheit".
15+
- `false` -- bedeutet "nein", "falsch" oder "nicht die Wahrheit".
1516

16-
## Boolean is the result
17-
18-
All comparison operators return a boolean value:
19-
20-
- `true` -- means "yes", "correct" or "the truth".
21-
- `false` -- means "no", "wrong" or "not the truth".
22-
23-
For example:
17+
Zum Beispiel:
2418

2519
```js run
26-
alert( 2 > 1 ); // true (correct)
27-
alert( 2 == 1 ); // false (wrong)
28-
alert( 2 != 1 ); // true (correct)
20+
alert( 2 > 1 ); // true (richtig)
21+
alert( 2 == 1 ); // false (falsch)
22+
alert( 2 != 1 ); // true (richtig)
2923
```
3024

31-
A comparison result can be assigned to a variable, just like any value:
25+
Ein Vergleichsergebnis kann einer Variablen zugewiesen werden, genau wie jeder andere Wert:
3226

3327
```js run
34-
let result = 5 > 4; // assign the result of the comparison
35-
alert( result ); // true
28+
let result = 5 > 4; // das Ergebnis des Vergleichs zuweisen
29+
alert( result ); // true
3630
```
3731

38-
## String comparison
32+
## String Vergleiche
3933

40-
To see whether a string is greater than another, JavaScript uses the so-called "dictionary" or "lexicographical" order.
34+
Um zu sehen, ob ein String größer als ein anderer ist, verwendet JavaScript die so genannte "Wörterbuch-" oder "lexikografische" Reihenfolge.
4135

42-
In other words, strings are compared letter-by-letter.
36+
Mit anderen Worten, Strings werden Buchstabe für Buchstabe verglichen.
4337

44-
For example:
38+
Zum Beispiel:
4539

4640
```js run
4741
alert( 'Z' > 'A' ); // true
4842
alert( 'Glow' > 'Glee' ); // true
4943
alert( 'Bee' > 'Be' ); // true
5044
```
5145

52-
The algorithm to compare two strings is simple:
46+
Der Algorithmus zum Vergleichen zweier Strings ist einfach:
5347

54-
1. Compare the first character of both strings.
55-
2. If the first character from the first string is greater (or less) than the other string's, then the first string is greater (or less) than the second. We're done.
56-
3. Otherwise, if both strings' first characters are the same, compare the second characters the same way.
57-
4. Repeat until the end of either string.
58-
5. If both strings end at the same length, then they are equal. Otherwise, the longer string is greater.
48+
1. Vergleiche das erste Zeichen der beiden Strings.
49+
2. Wenn das erste Zeichen aus dem ersten String größer (oder kleiner) als das des anderen Strings ist, dann ist der erste String größer (oder kleiner) als der zweite. Das war's.
50+
3. Andernfalls, wenn die ersten Zeichen beider Strings gleich sind, vergleiche die zweiten Zeichen auf die gleiche Weise.
51+
4. Wiederhole dies bis zum Ende einer der beiden Strings.
52+
5. Wenn beide Strings mit der gleichen Länge enden, dann sind sie gleich. Andernfalls ist der längere String größer.
5953

60-
In the first example above, the comparison `'Z' > 'A'` gets to a result at the first step.
54+
In den obigen Beispielen führt der Vergleich `'Z' > 'A'` im ersten Schritt zu einem Ergebnis, während die Zeichenketten `"Glow"` und `"Glee"` zeichenweise verglichen werden:
6155

62-
The second comparison `'Glow'` and `'Glee'` needs more steps as strings are compared character-by-character:
56+
1. `G` ist gleich wie `G`.
57+
2. `l` ist gleich wie `l`.
58+
3. `o` ist größer als `e`. Halte hier an. Der erste String ist größer.
6359

64-
1. `G` is the same as `G`.
65-
2. `l` is the same as `l`.
66-
3. `o` is greater than `e`. Stop here. The first string is greater.
60+
```smart header="Kein echtes Wörterbuch, aber Unicode-Reihenfolge"
61+
Der oben angegebene Vergleichsalgorithmus entspricht in etwa dem, der in Wörterbüchern oder Telefonbüchern verwendet wird, aber er ist nicht genau derselbe.
6762
68-
```smart header="Not a real dictionary, but Unicode order"
69-
The comparison algorithm given above is roughly equivalent to the one used in dictionaries or phone books, but it's not exactly the same.
70-
71-
For instance, case matters. A capital letter `"A"` is not equal to the lowercase `"a"`. Which one is greater? The lowercase `"a"`. Why? Because the lowercase character has a greater index in the internal encoding table JavaScript uses (Unicode). We'll get back to specific details and consequences of this in the chapter <info:string>.
63+
Zum Beispiel, Groß/Kleinschreibung ist wichtig. Ein Großbuchstabe `"A"` ist nicht gleich dem Kleinbuchstaben `"a"`. Welcher ist größer? Der Kleinbuchstabe `"a"`. Und warum? Weil das Kleinbuchstabenzeichen einen größeren Index in der internen Codierungstabelle hat, die JavaScript verwendet (Unicode). Wir werden im Kapitel <info:string> auf die spezifischen Details und die Konsequenzen dieser Tatsache zurückkommen.
7264
```
7365

74-
## Comparison of different types
66+
## Vergleich von verschiedenen Typen
7567

76-
When comparing values of different types, JavaScript converts the values to numbers.
68+
Beim Vergleichen von Werten verschiedener Typen konvertiert JavaScript die Werte in Zahlen.
7769

78-
For example:
70+
Zum Beispiel:
7971

8072
```js run
81-
alert( '2' > 1 ); // true, string '2' becomes a number 2
82-
alert( '01' == 1 ); // true, string '01' becomes a number 1
73+
alert( '2' > 1 ); // true, String '2' wird zur Zahl 2
74+
alert( '01' == 1 ); // true, String '01' wird zur Zahl 1
8375
```
8476

85-
For boolean values, `true` becomes `1` and `false` becomes `0`.
77+
Bei boolschen Werten wird `true` zu `1` und `false` zu `0`.
8678

87-
For example:
79+
Zum Beispiel:
8880

8981
```js run
9082
alert( true == 1 ); // true
9183
alert( false == 0 ); // true
9284
```
9385

94-
````smart header="A funny consequence"
95-
It is possible that at the same time:
86+
````smart header="Eine lustige Auswirkung"
87+
Es ist möglich, dass zur gleichen Zeit:
9688
97-
- Two values are equal.
98-
- One of them is `true` as a boolean and the other one is `false` as a boolean.
89+
- zwei Werte gleich sind.
90+
- einer von denen als Boolean `true` und der andere als Boolean `false` ist.
9991
100-
For example:
92+
Zum Beispiel:
10193
10294
```js run
10395
let a = 0;
@@ -109,108 +101,109 @@ alert( Boolean(b) ); // true
109101
alert(a == b); // true!
110102
```
111103
112-
From JavaScript's standpoint, this result is quite normal. An equality check converts values using the numeric conversion (hence `"0"` becomes `0`), while the explicit `Boolean` conversion uses another set of rules.
104+
Aus Sicht von JavaScript ist dieses Ergebnis ganz normal. Eine Gleichheitsprüfung konvertiert Werte unter Verwendung der numerischen Konvertierung (daher wird `"0"` zu `0`), während die explizite Konvertierung in `Boolean` einen anderen Regelsatz verwendet.
113105
````
114106

115-
## Strict equality
107+
## Strikte Gleichheit
116108

117-
A regular equality check `==` has a problem. It cannot differentiate `0` from `false`:
109+
Die normale Gleichheitsprüfung mit `==` hat ein Problem. Sie kann `0` nicht von `false` unterscheiden:
118110

119111
```js run
120112
alert( 0 == false ); // true
121113
```
122114

123-
The same thing happens with an empty string:
115+
Dasselbe geschieht mit einem leeren String:
124116

125117
```js run
126118
alert( '' == false ); // true
127119
```
128120

129-
This happens because operands of different types are converted to numbers by the equality operator `==`. An empty string, just like `false`, becomes a zero.
121+
Dies geschieht, weil Operanden unterschiedlichen Typs mit dem Gleichheitsoperator `==` in Zahlen umgewandelt werden. Ein leerer String wird, genau wie bei `false`, zu einer Null.
130122

131-
What to do if we'd like to differentiate `0` from `false`?
123+
Was ist zu tun, wenn wir `0` von `false` unterscheiden wollen?
132124

133-
**A strict equality operator `===` checks the equality without type conversion.**
125+
**Ein strikter Gleichheitsoperator `===` prüft auf Gleichheit ohne Datentypumwandlung.**
134126

135-
In other words, if `a` and `b` are of different types, then `a === b` immediately returns `false` without an attempt to convert them.
127+
Mit anderen Worten, wenn `a` und `b` unterschiedliche Typen sind, gibt `a === b` sofort `false` zurück, ohne sie zu konvertieren.
136128

137-
Let's try it:
129+
Versuchen wir es:
138130

139131
```js run
140-
alert( 0 === false ); // false, because the types are different
132+
alert( 0 === false ); // false, weil die Datentypen verschieden sind
141133
```
142134

143-
There is also a "strict non-equality" operator `!==` analogous to `!=`.
135+
Es gibt auch einen "strikten Ungleichheits"-Operator `!==` analog zu `!=`.
144136

145-
The strict equality operator is a bit longer to write, but makes it obvious what's going on and leaves less room for errors.
137+
Der Operator für strikte Gleichheit ist etwas länger zu schreiben, macht aber deutlich, was vor sich geht, und lässt weniger Raum für Fehler.
146138

147-
## Comparison with null and undefined
139+
## Vergleiche mit null und undefined
148140

149-
There's a non-intuitive behavior when `null` or `undefined` are compared to other values.
141+
Es gibt ein nicht intuitives Verhalten, wenn `null` oder `undefined` mit anderen Werten verglichen wird.
150142

151-
For a strict equality check `===`
152-
: These values are different, because each of them is a different type.
143+
Für die strikte Gleichheitsprüfung `===`
144+
: sind diese Werte unterschiedlich, weil jeder von ihnen ein verschiedener Datentyp ist.
153145

154146
```js run
155147
alert( null === undefined ); // false
156148
```
157149

158-
For a non-strict check `==`
159-
: There's a special rule. These two are a "sweet couple": they equal each other (in the sense of `==`), but not any other value.
150+
Für die nicht strikte Kontrolle `==`
151+
: gibt es eine besondere Regel. Diese beiden sind ein "süßes Pärchen": sie sind gleich (im Sinne von `==`), aber nicht irgendeinem anderen Wert.
160152

161153
```js run
162154
alert( null == undefined ); // true
163155
```
164156

165-
For maths and other comparisons `< > <= >=`
166-
: `null/undefined` are converted to numbers: `null` becomes `0`, while `undefined` becomes `NaN`.
157+
Für mathematische und andere Vergleiche `< > <= >=`
158+
: `null/undefined` werden in Zahlen umgewandelt: `null` wird zu `0`, während `undefined` zu `NaN` wird.
167159

168-
Now let's see some funny things that happen when we apply these rules. And, what's more important, how to not fall into a trap with them.
160+
Jetzt wollen wir sehen, was bei der Anwendung dieser Regeln passiert. Und, was noch wichtiger ist, wie man damit nicht in eine Falle tappt.
169161

170-
### Strange result: null vs 0
162+
### Seltsames Ergebnis: null vs 0
171163

172-
Let's compare `null` with a zero:
164+
Lass uns `null` mit `0` vergleichen:
173165

174166
```js run
175167
alert( null > 0 ); // (1) false
176168
alert( null == 0 ); // (2) false
177169
alert( null >= 0 ); // (3) *!*true*/!*
178170
```
179171

180-
Mathematically, that's strange. The last result states that "`null` is greater than or equal to zero", so in one of the comparisons above it must be `true`, but they are both false.
172+
Mathematisch gesehen ist das seltsam. Das letzte Ergebnis besagt, dass "`null` größer oder gleich `0` ist", so dass es in einem der obigen Vergleiche `true` sein muss, aber beide sind `false`.
181173

182-
The reason is that an equality check `==` and comparisons `> < >= <=` work differently. Comparisons convert `null` to a number, treating it as `0`. That's why (3) `null >= 0` is true and (1) `null > 0` is false.
174+
Der Grund ist, dass die Gleichheitsprüfung `==` und vergleichende Operatoren `> < >= <=` verschieden funktionieren. Vergleichende Operatoren wandeln `null` in eine Zahl um, behandeln es als `0`. Deshalb ist (3) `null >= 0` `true` und (1) `null > 0` `false`.
183175

184-
On the other hand, the equality check `==` for `undefined` and `null` is defined such that, without any conversions, they equal each other and don't equal anything else. That's why (2) `null == 0` is false.
176+
Auf der anderen Seite ist die Gleichheitsprüfung `==` für `undefined` und `null` so definiert, dass sie ohne Umwandlung einander gleich sind, aber nichts anderem. Deshalb ist (2) `null == 0` `false`.
185177

186-
### An incomparable undefined
178+
### undefined ist nicht vergleichbar
187179

188-
The value `undefined` shouldn't be compared to other values:
180+
Der Wert `undefined` sollte nicht mit anderen Werten verglichen werden:
189181

190182
```js run
191183
alert( undefined > 0 ); // false (1)
192184
alert( undefined < 0 ); // false (2)
193185
alert( undefined == 0 ); // false (3)
194186
```
195187

196-
Why does it dislike zero so much? Always false!
188+
Warum mag es die Null so wenig? Immer `false`!
189+
190+
Wir erhalten diese Ergebnisse, weil:
197191

198-
We get these results because:
192+
- Vergleiche `(1)` und `(2)` ergeben `false`, weil `undefined` wird zu `NaN` umgewandelt und `NaN` ist ein spezieller numerischer Wert, der für alle Vergleiche `false` ergibt.
193+
- Die Gleichheitsprüfung `(3)` ergibt `false`, weil `undefined` nur gleich `null` ist, und keinem anderen Wert.
199194

200-
- Comparisons `(1)` and `(2)` return `false` because `undefined` gets converted to `NaN` and `NaN` is a special numeric value which returns `false` for all comparisons.
201-
- The equality check `(3)` returns `false` because `undefined` only equals `null`, `undefined`, and no other value.
195+
### Probleme vermeiden
202196

203-
### Avoid problems
197+
Warum sind wir diese Beispiele durchgegangen? Sollten wir uns ständig an diese Besonderheiten erinnern? Nun, nicht wirklich. Mit der Zeit werden diese kniffligen Dinge allmählich vertraut werden, aber es gibt einen soliden Weg, um Problemen damit auszuweichen:
204198

205-
Why did we go over these examples? Should we remember these peculiarities all the time? Well, not really. Actually, these tricky things will gradually become familiar over time, but there's a solid way to avoid problems with them:
199+
Behandele einfach jeden Vergleich mit `undefined/null` mit Ausnahme der strikten Gleichheit `===` mit besonderer Vorsicht.
206200

207-
- Treat any comparison with `undefined/null` except the strict equality `===` with exceptional care.
208-
- Don't use comparisons `>= > < <=` with a variable which may be `null/undefined`, unless you're really sure of what you're doing. If a variable can have these values, check for them separately.
201+
Verwende keine Vergleiche `>= > < <=` mit einer Variablen, die `null/undefined` sein kann, es sei denn, du bist dir wirklich sicher, was du tust. Wenn eine Variable diese Werte haben kann, überprüfe sie separat.
209202

210-
## Summary
203+
## Zusammenfassung
211204

212-
- Comparison operators return a boolean value.
213-
- Strings are compared letter-by-letter in the "dictionary" order.
214-
- When values of different types are compared, they get converted to numbers (with the exclusion of a strict equality check).
215-
- The values `null` and `undefined` equal `==` each other and do not equal any other value.
216-
- Be careful when using comparisons like `>` or `<` with variables that can occasionally be `null/undefined`. Checking for `null/undefined` separately is a good idea.
205+
- Vergleichsoperatoren geben einen boolschen Wert zurück.
206+
- Strings werden Buchstabe für Buchstabe in der "Wörterbuch"-Reihenfolge verglichen.
207+
- Wenn Werte verschiedener Typen verglichen werden, werden sie in Zahlen umgewandelt (unter Ausschluss einer strikten Gleichheitsprüfung).
208+
- Die Werte `null` und `undefined` sind gleich `==`, aber ansonsten ist nichts gleich den zwei Werten.
209+
- Sei vorsichtig, wenn du Vergleiche wie `>` oder `<` mit Variablen verwendest, die gelegentlich `null/undefined` sein können. Es ist eine gute Idee, `null/undefined` separat zu prüfen.

0 commit comments

Comments
 (0)