mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-09-01 10:42:41 +02:00
Update Translations
This commit is contained in:
Lee Stott
GitHub
@@ -1,169 +0,0 @@
|
||||
# JavaScript-Grundlagen: Entscheidungen treffen
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Entscheidungen treffen")
|
||||
|
||||
## [Pre-Lecture Quiz](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11)
|
||||
|
||||
Wenn Sie Entscheidungen treffen und die Reihenfolge steuern, in der Ihr Code ausgeführt wird, ist Ihr Code wiederverwendbar und robust. Dieser Abschnitt behandelt die Syntax zur Steuerung des Datenflusses in JavaScript und ihre Bedeutung bei Verwendung mit booleschen Datentypen.
|
||||
|
||||
## Eine kurze Zusammenfassung der Booleschen Werte
|
||||
|
||||
Boolesche Werte können nur zwei Werte sein: `true` oder `false`. Boolesche Werte helfen bei der Entscheidung, welche Codezeilen ausgeführt werden sollen, wenn bestimmte Bedingungen erfüllt sind.
|
||||
|
||||
Stellen Sie Ihren Booleschen Wert wie folgt auf wahr oder falsch ein:
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ Boolesche sind nach dem englischen Mathematiker, Philosophen und Logiker George Boole (1815–1864) benannt.
|
||||
|
||||
## Vergleichsoperatoren und Boolesche Werte
|
||||
|
||||
Operatoren werden verwendet, um Bedingungen durch Vergleiche zu bewerten, die einen Booleschen Wert erzeugen. Das Folgende ist eine Liste von Operatoren, die häufig verwendet werden.
|
||||
|
||||
| Symbol | Beschreibung | Beispiel |
|
||||
| ------ | ------------ |-------------------------------------------------- -------------------------------------------------- ------- | ------------------ |
|
||||
| `<` | **Größer als**: Vergleicht zwei Werte und gibt den booleschen Datentyp "true" zurück, wenn der Wert auf der rechten Seite größer als der linke ist `5 < 6 // true` |
|
||||
| `<=` | **Größer oder gleich**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn der Wert auf der rechten Seite größer oder gleich dem linken | ist `5 <= 6 // true` |
|
||||
| `>` | **Kleiner als**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn der Wert auf der linken Seite größer als der rechte ist `5 > 6 // false` |
|
||||
| `=>` | **Kleiner oder gleich**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn der Wert auf der linken Seite größer oder gleich dem rechten | ist `5 => 6 // false` |
|
||||
| `===` | **Strikte Gleichheit**: Vergleicht zwei Werte und gibt den booleschen Datentyp `true` zurück, wenn die Werte rechts und links gleich sind UND denselben Datentyp haben. | `5 === 6 // false` |
|
||||
| `!==` | **Ungleichung**: Vergleicht zwei Werte und gibt den entgegengesetzten Booleschen Wert zurück, den ein strikter Gleichheitsoperator | zurückgeben würde `5 !== 6 // true` |
|
||||
|
||||
✅ Überprüfen Sie Ihr Wissen, indem Sie einige Vergleiche in die Konsole Ihres Browsers schreiben. Überraschen Sie zurückgegebene Daten?
|
||||
|
||||
## If-Anweisung
|
||||
|
||||
Die if-Anweisung führt Code zwischen ihren Blöcken aus, wenn die Bedingung erfüllt ist.
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//Bedingung war wahr. Der Code in diesem Block wird ausgeführt.
|
||||
}
|
||||
```
|
||||
|
||||
Logische Operatoren werden häufig verwendet, um die Bedingung zu bilden.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Bedingung war wahr. Der Code in diesem Block wird ausgeführt.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## IF..Else Anweisung
|
||||
|
||||
Die `else`-Anweisung führt den Code zwischen ihren Blöcken aus, wenn die Bedingung falsch ist. Es ist optional mit einer `if`-Anweisung.
|
||||
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Bedingung war wahr. Der Code in diesem Block wird ausgeführt.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
//Bedingung war wahr. Der Code in diesem Block wird ausgeführt.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ Testen Sie Ihr Verständnis dieses Codes und des folgenden Codes, indem Sie ihn in einer Browserkonsole ausführen. Ändern Sie die Werte der Variablen currentMoney und LaptopPrice, um das zurückgegebene `console.log()` zu ändern.
|
||||
|
||||
## Logische Operatoren und Boolesche Werte
|
||||
|
||||
Entscheidungen erfordern möglicherweise mehr als einen Vergleich und können mit logischen Operatoren verknüpft werden, um einen Booleschen Wert zu erzeugen.
|
||||
|
||||
|
||||
| Symbol | Beschreibung | Beispiel |
|
||||
| ------ | ------------ |----------------------------------------- | -------------------------------------------------- --------------------- |
|
||||
| `&&` | **Logisches UND**: Vergleicht zwei Boolesche Ausdrücke. Gibt true **nur** zurück, wenn beide Seiten true | sind `(5 > 6) && (5 < 6) // Eine Seite ist falsch, die andere ist wahr. Gibt false` | zurück
|
||||
| `||` | **Logisches ODER**: Vergleicht zwei Boolesche Ausdrücke. Gibt true zurück, wenn mindestens eine Seite true ist `(5 > 6) || (5 < 6) // Eine Seite ist falsch, die andere ist wahr. Gibt true` | zurück
|
||||
| `!` | **Logisch NICHT**: Gibt den entgegengesetzten Wert eines Booleschen Ausdrucks | zurück `! (5 > 6) // 5 ist nicht größer als 6, aber "!" wird true zurückgeben` |
|
||||
|
||||
## Bedingungen und Entscheidungen mit logischen Operatoren
|
||||
|
||||
Logische Operatoren können verwendet werden, um Bedingungen in if..else-Anweisungen zu bilden.
|
||||
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Laptop-Preis bei 20 Prozent Rabatt
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//Bedingung war wahr. Der Code in diesem Block wird ausgeführt.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
//Bedingung war wahr. Der Code in diesem Block wird ausgeführt.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### Negationsoperator
|
||||
|
||||
Sie haben bisher gesehen, wie Sie mit einer `if...else`-Anweisung eine bedingte Logik erstellen können. Alles, was in ein `if` geht, muss als wahr / falsch bewertet werden. Mit dem Operator `!` Können Sie den Ausdruck _negieren_. Es würde so aussehen:
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// wird ausgeführt, wenn die Bedingung falsch ist
|
||||
} else {
|
||||
// wird ausgeführt, wenn die Bedingung erfüllt ist
|
||||
}
|
||||
```
|
||||
|
||||
### Ternäre Ausdrücke
|
||||
|
||||
`if...else` ist nicht die einzige Möglichkeit, Entscheidungslogik auszudrücken. Sie können auch einen so genannten ternären Operator verwenden. Die Syntax dafür sieht folgendermaßen aus:
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <return this if true> : <return this if false>`
|
||||
```
|
||||
|
||||
Below is a more tangible example:
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ Nehmen Sie sich eine Minute Zeit, um diesen Code einige Male zu lesen. Verstehen Sie, wie diese Operatoren arbeiten?
|
||||
|
||||
Das Obige besagt das
|
||||
- wenn `firstNumber` größer als `secondNumber` ist
|
||||
- dann `firstNumber` zu `biggestNumber` zuweisen
|
||||
- sonst `secondNumber` zuweisen.
|
||||
|
||||
Der ternäre Ausdruck ist nur eine kompakte Art, den folgenden Code zu schreiben:
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Herausforderung
|
||||
|
||||
Erstellen Sie ein Programm, das zuerst mit logischen Operatoren geschrieben wird, und schreiben Sie es dann mit einem ternären Ausdruck neu. Was ist Ihre bevorzugte Syntax?
|
||||
|
||||
## [Quiz nach der Vorlesung](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12)
|
||||
|
||||
## Review & Selbststudium
|
||||
|
||||
Lesen Sie mehr über die vielen Operatoren, die dem Benutzer [auf MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators) zur Verfügung stehen.
|
||||
|
||||
## Zuordnung
|
||||
|
||||
[Operators](assignment.de.md)
|
||||
@@ -1,168 +0,0 @@
|
||||
# Conceptos básicos de JavaScript: tomar decisiones
|
||||
|
||||
|
||||
|
||||
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## [Pre-lecture prueba](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11)
|
||||
|
||||
Tomar decisiones y controlar el orden en que se ejecuta su código hace que su código sea reutilizable y robusto. Esta sección cubre la sintaxis para controlar el flujo de datos en JavaScript y su importancia cuando se usa con tipos de datos booleanos.
|
||||
|
||||
[](https://youtube.com/watch?v=P0TrLOz15zk "tomar decisiones")
|
||||
|
||||
## Un breve resumen sobre los valores booleanos
|
||||
|
||||
Los booleanos pueden tener solo dos valores: `true` o` false`. Los booleanos ayudan a tomar decisiones sobre qué líneas de código deben ejecutarse cuando se cumplen ciertas condiciones.
|
||||
|
||||
Establezca su booleano en verdadero o falso de esta manera:
|
||||
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ Los booleanos llevan el nombre del matemático, filósofo y lógico inglés George Boole. (1815–1864).
|
||||
|
||||
## Operadores de comparación y valores booleanos
|
||||
|
||||
Los operadores se utilizan para evaluar las condiciones haciendo comparaciones que crearán un valor booleano. La siguiente es una lista de operadores que se utilizan con frecuencia.
|
||||
|
||||
| Símbolo | Descripción | Ejemplo |
|
||||
| ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **Mayor que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado derecho es mayor que el del izquierdo | `5 < 6 // true` |
|
||||
| `<=` | **Mayor o igual que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado derecho es mayor o igual que el del lado izquierdo | `5 <= 6 // true` |
|
||||
| `>` | **Menor que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado izquierdo es mayor que el del derecho | `5 > 6 // false` |
|
||||
| `=>` | **Menor o igual que**: compara dos valores y devuelve el tipo de datos booleano `true` si el valor del lado izquierdo es mayor o igual que el del lado derecho | `5 => 6 // false` |
|
||||
| `===` | **Igualdad estricta**: compara dos valores y devuelve el tipo de datos booleano `true` si los valores de la derecha y la izquierda son iguales Y son del mismo tipo de datos | `5 === 6 // false` |
|
||||
| `!==` | **Desigualdad**: compara dos valores y devuelve el valor booleano opuesto de lo que devolvería un operador de igualdad estricta | `5 !== 6 // true` |
|
||||
|
||||
✅ Compruebe sus conocimientos escribiendo algunas comparaciones en la consola de su navegador. ¿Te sorprende algún dato devuelto?
|
||||
|
||||
## Declaración If
|
||||
|
||||
La sentencia if ejecutará código entre sus bloques si la condición es verdadera.
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//La condición era verdadera. Se ejecutará el código de este bloque.
|
||||
}
|
||||
```
|
||||
|
||||
Los operadores lógicos se utilizan a menudo para formar la condición.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//La condición era verdadera. Se ejecutará el código de este bloque.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## IF..Else Declaración
|
||||
|
||||
La declaración `else` ejecutará el código entre sus bloques cuando la condición sea falsa. Es opcional con una declaración `if`.
|
||||
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//La condición era verdadera. Se ejecutará el código de este bloque.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
//La condición era verdadera. Se ejecutará el código de este bloque.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ Pruebe su comprensión de este código y del siguiente código ejecutándolo en una consola de navegador. Cambie los valores de las variables currentMoney y laptopPrice para cambiar el `console.log()` devuelto.
|
||||
|
||||
## Operadores lógicos y booleanos
|
||||
|
||||
Las decisiones pueden requerir más de una comparación y se pueden unir con operadores lógicos para producir un valor booleano.
|
||||
|
||||
| Símbolo | Descripción | Ejemplo |
|
||||
| ------- | ------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------- |
|
||||
| `&&` | **AND lógico**: compara dos expresiones booleanas. Devuelve verdadero **solo** si ambos lados son verdaderos | `(5 > 6) && (5 < 6 ) //Un lado es falso, el otro es verdadero. Devuelve falso` |
|
||||
| `||` | **OR lógico**: compara dos expresiones booleanas. Devuelve verdadero si al menos un lado es verdadero | `(5 > 6) || (5 < 6) //Un lado es falso, el otro es verdadero. Devuelve verdadero` |
|
||||
| `!` | **NOT lógico**: Devuelve el valor opuesto de una expresión booleana | `!(5 > 6) // 5 no es mayor que 6, pero "!" devolverá verdadero` |
|
||||
|
||||
## Condiciones y decisiones con operadores lógicos
|
||||
|
||||
Los operadores lógicos se pueden utilizar para formar condiciones en sentencias if..else.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Precio del portátil al 20% de descuento
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//La condición era verdadera. Se ejecutará el código de este bloque.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
//La condición era verdadera. Se ejecutará el código de este bloque.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### Operador de negación
|
||||
|
||||
Hasta ahora has visto cómo si puedes usar una instrucción `if...else` para crear lógica condicional. Cualquier cosa que entre en un `if` debe evaluarse como verdadero / falso. Utilizando el operador `!` Puede _negar_ la expresión. Se vería así:
|
||||
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// se ejecuta si la condición es falsa
|
||||
} else {
|
||||
// se ejecuta si la condición es verdadera
|
||||
}
|
||||
```
|
||||
|
||||
### Expresiones ternarias
|
||||
|
||||
`If...else` no es la única forma de expresar la lógica de decisión. También puede usar algo llamado operador ternario. La sintaxis tiene el siguiente aspecto:
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <return this if true> : <return this if false>`
|
||||
```
|
||||
|
||||
A continuación se muestra un ejemplo más tangible:
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ Tómese un minuto para leer este código varias veces. ¿Entiende cómo trabajan estos operadores?
|
||||
|
||||
Lo anterior establece que
|
||||
- si `firstNumber` es mayor que `secondNumber`
|
||||
- luego asigne `firstNumber` a `biggestNumber`
|
||||
- de lo contrario, asigne `secondNumber`.
|
||||
|
||||
La expresión ternaria es solo una forma compacta de escribir el siguiente código:
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
🚀 Desafío: cree un programa que se escriba primero con operadores lógicos y luego vuelva a escribirlo utilizando una expresión ternaria. ¿Cuál es tu sintaxis preferida?
|
||||
|
||||
## [Post-lecture prueba](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12)
|
||||
|
||||
## Revisión y autoestudio
|
||||
|
||||
Más información sobre los muchos operadores disponibles para el usuario [en MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators).
|
||||
|
||||
**Asignación**: [Operadores](assignment.es.md)
|
||||
|
||||
@@ -1,177 +0,0 @@
|
||||
# Principes de base de JavaScript : Prendre des décisions
|
||||
|
||||
|
||||
> Sketchnote par [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## Quiz préalable
|
||||
[Quiz préalable](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=fr)
|
||||
|
||||
Prendre des décisions et contrôler l'ordre dans lequel votre code s'exécute rend votre code réutilisable et robuste. Cette section couvre la syntaxe pour contrôler le flux de données dans JavaScript et sa signification lorsqu'elle est utilisée avec des types de données booléens
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Prendre des décisions")
|
||||
|
||||
> 🎥 Cliquez sur l'image ci-dessus pour une vidéo sur la prise de décisions.
|
||||
|
||||
> Vous pouvez suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-if-else/?WT.mc_id=academic-77807-sagibbon)!
|
||||
## Un bref récapitulatif sur les booléens
|
||||
|
||||
Les booléens ne peuvent avoir que deux valeurs : `true` ou `false`. Les booléens aident à prendre des décisions sur les lignes de code à exécuter lorsque certaines conditions sont remplies.
|
||||
|
||||
Définissez votre booléen sur vrai ou faux comme ceci :
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ Les booléens tirent leur nom du mathématicien, philosophe et logicien anglais George Boole (1815-1864).
|
||||
|
||||
## Opérateurs de comparaison et booléens
|
||||
|
||||
Les opérateurs sont utilisés pour évaluer les conditions en effectuant des comparaisons qui créeront une valeur booléenne. Voici une liste d'opérateurs fréquemment utilisés.
|
||||
|
||||
| Symbole | Description | Exemple |
|
||||
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **Inférieur à**: Compare deux valeurs et renvoie le type de données booléen `true` si la valeur à gauche est inférieure à la valeur à droite | `5 < 6 // true` |
|
||||
| `<=` | **Inférieur ou égal à**: Compare deux valeurs et renvoie le type de données booléen `true` si la valeur à gauche est inférieure ou égale à celle de droite | `5 <= 6 // true` |
|
||||
| `>` | **Supérieur à**: Compare deux valeurs et renvoie le type de données booléen `true` si la valeur sur le côté gauche est plus grande que sur la droite | `5 > 6 // false` |
|
||||
| `>=` | **Supérieur ou égal à**: Compare deux valeurs et renvoie le type de données booléen `true` si la valeur à gauche est supérieure ou égale à celle de droite | `5 >= 6 // false` |
|
||||
| `===` | **Égalité stricte**: Compare deux valeurs et renvoie le type de données booléen `true` si les valeurs à droite et à gauche sont égales ET sont du même type de données. | `5 === 6 // false` |
|
||||
| `!==` | **Inégalité**: Compare deux valeurs et renvoie la valeur booléenne opposée à ce qu'un opérateur d'égalité stricte retournerait | `5 !== 6 // true` |
|
||||
|
||||
✅ Vérifiez vos connaissances en écrivant quelques comparaisons dans la console de votre navigateur. Les données renvoyées vous surprennent-elles ?
|
||||
|
||||
## L'instruction If
|
||||
|
||||
L'instruction if exécutera le code entre ses blocs si la condition est vraie.
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//La condition était vraie. Le code de ce bloc s'exécutera.
|
||||
}
|
||||
```
|
||||
|
||||
Les opérateurs logiques sont souvent utilisés pour former la condition.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//La condition était vraie. Le code de ce bloc s'exécutera.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## L'instruction If..Else
|
||||
|
||||
L'instruction `else` exécutera le code entre ses blocs lorsque la condition est fausse. C'est facultatif avec une instruction `if`.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//La condition était vraie. Le code de ce bloc s'exécutera.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
//La condition était vraie. Le code de ce bloc s'exécutera.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ Testez votre compréhension de ce code et du code suivant en l'exécutant dans une console de navigateur. Modifiez les valeurs des variables currentMoney et laptopPrice pour modifier le `console.log()` renvoyé.
|
||||
|
||||
## Opérateurs logiques et booléens
|
||||
|
||||
Les décisions peuvent nécessiter plusieurs comparaisons et peuvent être associées à des opérateurs logiques pour produire une valeur booléenne.
|
||||
|
||||
| Symbole | Description | Exemple |
|
||||
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
|
||||
| `&&` | **ET logique** : compare deux expressions booléennes. Renvoie vrai **uniquement** si les deux côtés sont vrais | `(5 > 6) && (5 < 6 ) //Un côté est faux, l'autre est vrai. Renvoie false` |
|
||||
| `\|\|` | **OU logique** : compare deux expressions booléennes. Renvoie vrai si au moins un côté est vrai | `(5 > 6) \|\| (5 < 6) //Un côté est faux, l'autre est vrai. Renvoie vrai` |
|
||||
| `!` | **NON logique** : renvoie la valeur opposée d'une expression booléenne | `!(5 > 6) // 5 n'est pas supérieur à 6, mais "!" retournera vrai` |
|
||||
|
||||
## Conditions et décisions avec opérateurs logiques
|
||||
|
||||
Les opérateurs logiques peuvent être utilisés pour former des conditions dans les instructions if..else.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Prix de l'ordinateur portable à 20 pour cent de réduction
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//La condition était vraie. Le code de ce bloc s'exécutera.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
//La condition était vraie. Le code de ce bloc s'exécutera.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### Opérateur de négation
|
||||
|
||||
Vous avez vu jusqu'à présent comment vous pouvez utiliser une instruction `if...else` pour créer une logique conditionnelle. Tout ce qui est dans un `if` doit être évalué à vrai/faux. En utilisant l'opérateur `!` vous pouvez _négativiser_ l'expression. Cela ressemblerait à ceci :
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// s'exécute si la condition est fausse
|
||||
} else {
|
||||
// s'exécute si la condition est vraie
|
||||
}
|
||||
```
|
||||
|
||||
### Expressions ternaires
|
||||
|
||||
`if...else` n'est pas la seule façon d'exprimer la logique de décision. Vous pouvez également utiliser ce qu'on appelle un opérateur ternaire. La syntaxe pour cela ressemble à ceci:
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <return this if true> : <return this if false>
|
||||
```
|
||||
|
||||
Ci-dessous, un exemple plus concret :
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ Prenez une minute pour lire ce code plusieurs fois. Comprenez-vous comment fonctionnent ces opérateurs ?
|
||||
|
||||
Le code précèdant indique que
|
||||
- si `firstNumber` est plus grand que `secondNumber`
|
||||
- alors attribuez `firstNumber` à `biggestNumber`
|
||||
- sinon, attribuez `secondNumber`.
|
||||
|
||||
L'expression ternaire n'est qu'une manière compacte d'écrire le code ci-dessous :
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Challenge
|
||||
|
||||
Créez un programme écrit d'abord avec des opérateurs logiques, puis réécrivez-le à l'aide d'une expression ternaire. Quelle est votre syntaxe préférée ?
|
||||
|
||||
---
|
||||
## Quiz de validation des connaissances
|
||||
[Quiz de validation des connaissancesz](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=fr)
|
||||
|
||||
## Révision et étude personnelle
|
||||
|
||||
En savoir plus sur les nombreux opérateurs disponibles pour l'utilisateur [sur MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators).
|
||||
|
||||
Parcourez le merveilleux [opérateur de recherche de Josh Comeau](https://joshwcomeau.com/operator-lookup/)!
|
||||
|
||||
## Affectation
|
||||
|
||||
[Les opérateurs](assignment.fr.md)
|
||||
@@ -1,174 +0,0 @@
|
||||
# जावास्क्रिप्ट मूल बातें - निर्णय लेना
|
||||
|
||||
|
||||
> [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा स्केचनेट
|
||||
|
||||
## पूर्व व्याख्यान प्रश्नोत्तरी
|
||||
[पूर्व व्याख्यान प्रश्नोत्तरी](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=hi)
|
||||
|
||||
निर्णय लेना और उस आदेश को नियंत्रित करना जिसमें आपका कोड चलता है, आपके कोड को पुन: प्रयोज्य और मजबूत बनाता है। यह खंड बूलियन डेटा प्रकारों के साथ उपयोग किए जाने पर जावास्क्रिप्ट में डेटा प्रवाह को नियंत्रित करने और इसके महत्व के लिए सिंटैक्स को कवर करता है
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "निर्णय लेना")
|
||||
|
||||
> निर्णय लेने के बारे में वीडियो के लिए ऊपर दी गई छवि पर क्लिक करें।
|
||||
## बूलियन्स पर एक संक्षिप्त पुनरावृत्ति
|
||||
|
||||
बूलियन केवल दो मूल्य हो सकते हैं: `true` या `false`। बूलियंस निर्णय लेने में मदद करते हैं कि किन शर्तों को पूरा करने पर कोड की लाइनें चलनी चाहिए।
|
||||
|
||||
इस तरह से सही या गलत होने के लिए अपना बूलियन सेट करें:
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ बुलियन का नाम अंग्रेजी गणितज्ञ, दार्शनिक और तर्कशास्त्री जॉर्ज बोले (1815-1864) के नाम पर रखा गया है।
|
||||
|
||||
## तुलना ऑपरेटर और बूलियन
|
||||
|
||||
ऑपरेटर्स का उपयोग उन परिस्थितियों के मूल्यांकन के लिए किया जाता है जो एक बूलियन मूल्य बनाएंगे। निम्नलिखित ऑपरेटरों की एक सूची है जो अक्सर उपयोग की जाती हैं।
|
||||
|
||||
| प्रतीक | विवरण | उदाहरण |
|
||||
| ----- | ----------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **से कम**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से कम है | `5 < 6 // true` |
|
||||
| `<=` | ** से कम या इसके बराबर**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से कम या बराबर है | `5 <= 6 // true` |
|
||||
| `>` | **से अधिक**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि बाईं ओर का मान दाईं ओर से बड़ा है | `5 > 6 // false` |
|
||||
| `>=` | **से अधिक या बराबर**: दो मानों की तुलना करता है और `true` बूलियन डेटा प्रकार देता है यदि बाईं ओर का मान righ से बड़ा या बराबर हैt | `5 >= 6 // false` |
|
||||
| `===` | **सख्त समानता**: दो मूल्यों की तुलना करता है और `true` बूलियन डेटा प्रकार लौटाता है यदि दाएं और बाएं के मान समान हैं और समान डेटा प्रकार हैं। | `5 === 6 // false` |
|
||||
| `!==` | **असमानता**: दो मूल्यों की तुलना करता है और एक सख्त समानता ऑपरेटर वापस आने के विपरीत बूलियन मूल्य लौटाता है | `5 !== 6 // true` |
|
||||
|
||||
✅ अपने ब्राउज़र के कंसोल में कुछ तुलनाएँ लिखकर अपने ज्ञान की जाँच करें। क्या कोई लौटा डेटा आपको आश्चर्यचकित करता है?
|
||||
|
||||
## ऍफ़ स्टेटमेंट
|
||||
|
||||
यदि ऍफ़ कथन सही है, तो स्टेटमेंट उसके ब्लॉक के बीच में कोड चलाएगा।
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//Condition was true. Code in this block will run.
|
||||
}
|
||||
```
|
||||
|
||||
लॉजिकल ऑपरेटर्स का उपयोग अक्सर हालत बनाने के लिए किया जाता है.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## ऍफ़..ईलस स्टेटमेंट
|
||||
|
||||
स्थिति के गलत होने पर `else` स्टेटमेंट उसके ब्लॉक के बीच कोड चलाएगा। यह `if` स्टेटमेंट के साथ वैकल्पिक है।
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ इस कोड और निम्न कोड को ब्राउज़र कंसोल में चलाकर अपनी समझ का परीक्षण करें। CurrentMoney और laptopPrice वैरिएबल के मानों को बदलकर लौटे `console.log()` को बदलें।
|
||||
|
||||
## लॉजिकल ऑपरेटर्स और बुलियन
|
||||
|
||||
निर्णयों में एक से अधिक तुलनाओं की आवश्यकता हो सकती है, और बूलियन मूल्य का उत्पादन करने के लिए तार्किक ऑपरेटरों के साथ मिलकर संघर्ष किया जा सकता है।
|
||||
|
||||
| प्रतीक | विवरण | उदाहरण |
|
||||
| ------ | --------------------------------------------------------------------------- | -------------------------------------------------------- |
|
||||
| `&&` | **लॉजिकल एंड**: दो बूलियन अभिव्यक्तियों की तुलना करता है। सच्चा रिटर्न ** केवल ** यदि दोनों पक्ष सत्य हैं | `(5 > 6) && (5 < 6 ) //एक पक्ष झूठा है, दूसरा सच है। झूठा लौटता है` |
|
||||
| `\|\|` | **लॉजिकल और**: दो बूलियन अभिव्यक्तियों की तुलना करता है। अगर कम से कम एक पक्ष सच है, तो सच है | `(5 > 6) \|\| (5 < 6) //एक पक्ष झूठा है, दूसरा सच है। सच लौटाता है` |
|
||||
| `!` | **लॉजिकल नॉट**: एक बूलियन अभिव्यक्ति के विपरीत मूल्य देता है | `!(5 > 6) // 5 6 से अधिक नहीं है, लेकिन "!" सच लौटेगा` |
|
||||
|
||||
## तार्किक संचालकों के साथ स्थितियां और निर्णय
|
||||
|
||||
तार्किक संचालकों का उपयोग ऍफ़..ईलस स्टेटमेंट में स्थितियाँ बनाने के लिए किया जा सकता है।
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Laptop price at 20 percent off
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### नेगटिव ऑपरेटर
|
||||
|
||||
आपने अभी तक देखा है कि अगर आप सशर्त तर्क बनाने के लिए `if...else` स्टेटमेंट का उपयोग कैसे कर सकते हैं। कुछ भी जो `if` में जाता है, उसे सही/गलत का मूल्यांकन करने की आवश्यकता होती है। '!' ऑपरेटर का उपयोग करके आप अभिव्यक्ति को _निगेट_ कर सकते हैं। ऐसा लगेगा:
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// runs if condition is false
|
||||
} else {
|
||||
// runs if condition is true
|
||||
}
|
||||
```
|
||||
|
||||
### टेरनरी एक्सप्रेशंस
|
||||
|
||||
`if...else` निर्णय तर्क व्यक्त करने का एकमात्र तरीका नहीं है। आप टर्नरी ऑपरेटर नामक किसी चीज़ का उपयोग भी कर सकते हैं। इसके लिए सिंटैक्स इस तरह दिखता है:
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <return this if true> : <return this if false>
|
||||
```
|
||||
|
||||
नीचे एक और मूर्त उदाहरण दिया गया है:
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ इस कोड को कुछ समय पढ़ने के लिए एक मिनट लें। क्या आप समझते हैं कि ये ऑपरेटर कैसे काम कर रहे हैं?
|
||||
|
||||
उपरोक्त कहा गया है कि
|
||||
- यदि `firstNumber` `secondNumber` से बड़ा है
|
||||
- इसके बाद `firstNumber` को `biggestNumber` को असाइन करें
|
||||
- वरना `secondNumber` असाइन करें।
|
||||
|
||||
टर्नरी एक्सप्रेशन नीचे दिए गए कोड को लिखने का एक कॉम्पैक्ट तरीका है:
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 चुनौती
|
||||
|
||||
एक प्रोग्राम बनाएं, जो पहले तार्किक ऑपरेटरों के साथ लिखा गया हो, और फिर इसे एक टर्नरी अभिव्यक्ति का उपयोग करके फिर से लिखना। आपका पसंदीदा सिंटेक्स क्या है?
|
||||
|
||||
---
|
||||
## व्याख्यान उपरांत प्रश्नोत्तरी
|
||||
[व्याख्यान उपरांत प्रश्नोत्तरी](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=hi)
|
||||
|
||||
## समीक्षा और स्व अध्ययन
|
||||
|
||||
उपयोगकर्ता के लिए उपलब्ध कई ऑपरेटरों के बारे में और अधिक पढ़ें [MDN पर](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators)
|
||||
|
||||
जोश कोमू के अद्भुत [ऑपरेटर लुकअप](https://joshwcomeau.com/operator-lookup/) पर जाएं!
|
||||
|
||||
## असाइनमेंट
|
||||
|
||||
[ऑपरेटर्स](assignment.hi.md)
|
||||
@@ -1,175 +0,0 @@
|
||||
# Dasar-dasar JavaScript: Membuat Keputusan
|
||||
|
||||
|
||||
|
||||
> Sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## Kuis Pra-Kuliah
|
||||
|
||||
[Kuis pra-Kuliah](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=id)
|
||||
|
||||
Membuat keputusan dan mengontrol urutan kode Anda berjalan membuat kode Anda dapat digunakan kembali dan kuat. Bagian ini membahas sintaks untuk mengontrol aliran data di JavaScript dan signifikansinya saat digunakan dengan tipe data Boolean.
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Membuat keputusan")
|
||||
|
||||
## Rekap Singkat tentang Boolean
|
||||
|
||||
Boolean hanya dapat berupa dua nilai: `true` atau `false`. Boolean membantu membuat keputusan tentang baris kode mana yang harus dijalankan ketika kondisi tertentu terpenuhi.
|
||||
|
||||
Setel boolean Anda menjadi true atau false seperti ini:
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ Nama Boolean diambil dari ahli matematika, filsuf, dan ahli logika Inggris George Boole (1815-1864).
|
||||
|
||||
## Operator Perbandingan dan Boolean
|
||||
|
||||
Operator digunakan untuk mengevaluasi kondisi dengan membuat perbandingan yang akan menghasilkan nilai Boolean. Berikut ini adalah daftar operator yang sering digunakan.
|
||||
|
||||
| Simbol | Deskripsi | Contoh |
|
||||
| ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **Kurang dari**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sisi kiri kurang dari kanan | `5 < 6 // true` |
|
||||
| `<=` | **Kurang dari atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sisi kiri kurang dari atau sama dengan kanan | `5 <= 6 // true` |
|
||||
| `>` | **Lebih besar dari**: Membandingkan dua nilai dan mengembalikan tipe data Boolean `true` jika nilai di sisi kiri lebih besar dari kanan | `5 > 6 // false` |
|
||||
| `>=` | **Lebih besar dari atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sisi kiri lebih besar dari atau sama dengan kanan | `5 >= 6 // false` |
|
||||
| `===` | **Kesetaraan ketat**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di kanan dan kiri sama DAN merupakan jenis data yang sama. | `5 === 6 // false` |
|
||||
| `!==` | **Ketidaksamaan**: Membandingkan dua nilai dan mengembalikan nilai Boolean yang berlawanan dari yang akan dikembalikan oleh operator persamaan ketat | `5 !== 6 // true` |
|
||||
|
||||
✅ Uji pengetahuan Anda dengan menulis beberapa perbandingan di konsol browser Anda. Apakah data yang dikembalikan mengejutkan Anda?
|
||||
|
||||
## Pernyataan If
|
||||
|
||||
Pernyataan if akan menjalankan kode di antara bloknya jika kondisinya benar.
|
||||
|
||||
```javascript
|
||||
if (kondisi) {
|
||||
//Kondisinya benar. Kode di blok ini akan berjalan.
|
||||
}
|
||||
```
|
||||
|
||||
Operator logika sering digunakan untuk membentuk kondisi tersebut.
|
||||
|
||||
```javascript
|
||||
let uangSekarang;
|
||||
let hargaLaptop;
|
||||
|
||||
if (uangSekarang >= hargaLaptop) {
|
||||
//Kondisinya benar. Kode di blok ini akan berjalan.
|
||||
console.log("Mendapatkan laptop baru!");
|
||||
}
|
||||
```
|
||||
|
||||
## Pernyataan IF..Else
|
||||
|
||||
Pernyataan `else` akan menjalankan kode di antara bloknya jika kondisinya salah. Ini opsional dengan pernyataan `if`, jadi tidak semua `if` harus diikuti dengan pernyataan `else`.
|
||||
|
||||
```javascript
|
||||
let uangSekarang;
|
||||
let hargaLaptop;
|
||||
|
||||
if (uangSekarang >= hargaLaptop) {
|
||||
//Kondisinya benar. Kode di blok ini akan berjalan.
|
||||
console.log("Mendapatkan laptop baru!");
|
||||
} else {
|
||||
//Kondisinya benar. Kode di blok ini akan berjalan.
|
||||
console.log("Belum bisa membeli laptop baru!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ Uji pemahaman Anda tentang kode ini dan kode berikut dengan menjalankannya di konsol browser. Ubah nilai variabel uangSekarang dan hargaLaptop untuk mengubah `console.log()` yang dikembalikan.
|
||||
|
||||
## Operator Logis dan Boolean
|
||||
|
||||
Keputusan mungkin memerlukan lebih dari satu perbandingan, dan dapat digabungkan dengan operator logika untuk menghasilkan nilai Boolean.
|
||||
|
||||
| Simbol | Deskripsi | Contoh |
|
||||
| ------ | -------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
|
||||
| `&&` | **Logical AND**: Membandingkan dua ekspresi Boolean. Mengembalikan nilai benar **hanya** jika kedua sisi benar | `(5 > 6) && (5 < 6 ) //Satu sisi salah, sisi lainnya benar. Mengembalikan nilai salah` |
|
||||
| `\|\|` | **Logical OR**: Membandingkan dua ekspresi Boolean. Mengembalikan nilai benar jika setidaknya satu sisi benar | `(5 > 6) \|\| (5 < 6) //Satu sisi salah, sisi lainnya benar. Mengembalikan nilai true` |
|
||||
| `!` | **Logical NOT**: Menampilkan nilai kebalikan dari ekspresi Boolean | `!(5 > 6) // 5 tidak lebih besar dari 6, tapi "!" akan kembali benar` |
|
||||
|
||||
## Kondisi dan Keputusan dengan Operator Logis
|
||||
|
||||
Operator logika dapat digunakan untuk membentuk kondisi dalam pernyataan if..else.
|
||||
|
||||
```javascript
|
||||
let uangSekarang;
|
||||
let hargaLaptop;
|
||||
let hargaDiskonLaptop = hargaLaptop - hargaLaptop * 0.2; //Harga laptop diskon 20 persen
|
||||
|
||||
if (uangSekarang >= hargaLaptop || uangSekarang >= hargaDiskonLaptop) {
|
||||
//Kondisinya benar. Kode di blok ini akan berjalan.
|
||||
console.log("Mendapatkan laptop baru!");
|
||||
} else {
|
||||
//Kondisinya benar. Kode di blok ini akan berjalan.
|
||||
console.log("Belum bisa membeli laptop baru!");
|
||||
}
|
||||
```
|
||||
|
||||
### Operator Negasi
|
||||
|
||||
Anda telah melihat sejauh ini bagaimana jika Anda bisa menggunakan pernyataan `if ... else` untuk membuat logika kondisional. Apa pun yang menjadi `jika` perlu dievaluasi menjadi benar / salah. Dengan menggunakan operator `!` Anda dapat _negate_ ekspresi. Ini akan terlihat seperti ini:
|
||||
|
||||
```javascript
|
||||
if (!kondisi) {
|
||||
// berjalan jika kondisinya false
|
||||
} else {
|
||||
// berjalan jika kondisinya true
|
||||
}
|
||||
```
|
||||
|
||||
### Ekspresi Terner
|
||||
|
||||
`if ... else` bukanlah satu-satunya cara untuk mengekspresikan logika keputusan. Anda juga dapat menggunakan sesuatu yang disebut operator terner (ternary operator). Sintaksnya terlihat seperti ini:
|
||||
|
||||
```javascript
|
||||
let variable = kondisi ? <kembalikan ini jika benar> : <kembalikan ini jika salah>`
|
||||
```
|
||||
|
||||
Di bawah ini adalah contoh yang lebih nyata:
|
||||
|
||||
```javascript
|
||||
let nomorPertama = 20;
|
||||
let nomorKedua = 10;
|
||||
let nomorTerbesar = nomorPertama > nomorKedua ? nomorPertama : nomorKedua;
|
||||
```
|
||||
|
||||
✅ Luangkan waktu sebentar untuk membaca kode ini beberapa kali. Apakah Anda memahami cara kerja operator ini?
|
||||
|
||||
Di atas menyatakan bahwa
|
||||
|
||||
- jika `nomorPertama` lebih besar dari `nomorKedua`
|
||||
- tetapkan `nomorPertama` ke `nomorTerbesar`
|
||||
- jika tidak tetapkan `nomorKedua`.
|
||||
|
||||
Ekspresi terner hanyalah cara ringkas untuk menulis kode di bawah ini:
|
||||
|
||||
```javascript
|
||||
let nomorTerbesar;
|
||||
if (nomorPertama > nomorKedua) {
|
||||
nomorTerbesar = nomorPertama;
|
||||
} else {
|
||||
nomorTerbesar = nomorKedua;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Tantangan
|
||||
|
||||
Buat program yang ditulis pertama kali dengan operator logika, lalu tulis ulang menggunakan ekspresi terner. Apa sintaks pilihan Anda?
|
||||
|
||||
## Kuis Pasca-Kuliah
|
||||
|
||||
[Kuis pasca-kuliah](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=id)
|
||||
|
||||
## Review & Belajar Mandiri
|
||||
|
||||
Baca lebih lanjut tentang banyak operator yang tersedia untuk pengguna [di MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators).
|
||||
|
||||
Lihat [pencarian operator](https://joshwcomeau.com/operator-lookup/) oleh Josh Comeau yang luar biasa!
|
||||
|
||||
## Tugas
|
||||
|
||||
[Operator](./assignment.id.md)
|
||||
@@ -1,175 +0,0 @@
|
||||
# Nozioni di base su JavaScript: Prendere Decisioni
|
||||
|
||||
|
||||
> Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## Quiz Pre-Lezione
|
||||
[Quiz Pre-Lezione](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=it)
|
||||
|
||||
Prendere decisioni e controllare l'ordine in cui il proprio codice viene eseguito lo rende riutilizzabile e robusto. Questa sezione descrive la sintassi per il controllo del flusso di dati in JavaScript e il suo significato quando viene utilizzato con tipi di dato Booleani
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions")
|
||||
|
||||
## Un Breve Riepilogo sui Booleani
|
||||
|
||||
I Booleani possono avere solo due valori: `true` (vero) o `false` (falso). I booleani possono aiutare a prendere decisioni su quali righe di codice devono essere eseguite quando vengono soddisfatte determinate condizioni.
|
||||
|
||||
Si impostano i booleani come vero o falso in questo modo:
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ I Booleani prendono il nome dal matematico, filosofo e logico inglese George Boole (1815–1864).
|
||||
|
||||
## Operatori di Confronto e Booleani
|
||||
|
||||
Gli operatori vengono utilizzati per valutare condizioni effettuando confronti che creeranno un valore Booleano. Di seguito è riportato un elenco di operatori utilizzati di frequente.
|
||||
|
||||
| Simbolo | Descrizione | Esempio |
|
||||
| ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **Minore di**: Confronta due valori e restituisce il tipo di dato booleano `true` se il valore sul lato sinistro è minore di quello del lato di destra | `5 < 6 // true` |
|
||||
| `<=` | **Minore di o uguale a**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è minore o uguale a quello di destra | `5 <= 6 // true` |
|
||||
| `>` | **Maggiore di**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è maggiore di quello del lato destro | `5 > 6 // false` |
|
||||
| `>=` | **Maggiore di o uguale a**: Confronta due valori e restituisce il tipo di dato Booleano `true` se il valore sul lato sinistro è maggiore o uguale a quello del lato destro | `5 >= 6 // false` |
|
||||
| `===` | **Uguaglianza rigorosa**: Confronta due valori e restituisce il tipo di dato Booleano `true` se i valori a destra e a sinistra sono uguali E sono lo stesso tipo di dato. | `5 === 6 // false` |
|
||||
| `!==` | **Disuguaglianza**: Confronta due valori e restituisce il valore Booleano opposto di quello che restituirebbe un operatore di uguaglianza rigorosa | `5! == 6 // true` |
|
||||
|
||||
✅ Verificare le proprie conoscenze scrivendo alcuni confronti nella console del browser. I dati restituiti sorprendono?
|
||||
|
||||
## Istruzione If
|
||||
|
||||
L'istruzione if eseguirà il codice tra i suoi blocchi se la condizione è vera.
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//Condition era vero. Verra eseguito il codice in questo blocco.
|
||||
}
|
||||
```
|
||||
|
||||
Gli operatori logici vengono spesso utilizzati per formare la condizione.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Condition era vero. Verra eseguito il codice in questo blocco.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## Istruzione if..else
|
||||
|
||||
L 'istruzione `else` eseguirà il codice tra i suoi blocchi quando la condizione è falsa. È opzionale con un'istruzione `if` .
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Condizione era vero. Verra eseguito il codice in questo blocco.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
//Condizione era falsa. Verra eseguito il codice in questo blocco.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ Verificare la comprensione di questo codice e del codice seguente eseguendolo in una console del browser. Modificare i valori delle variabili currentMoney e laptopPrice per modificare il valore restituito da `console.log()`.
|
||||
|
||||
## Operatori Logici e Booleani
|
||||
|
||||
Le decisioni potrebbero richiedere più di un confronto e possono essere combinate con operatori logici per produrre un valore Booleano.
|
||||
|
||||
| Simbolo | Descrizione | Esempio |
|
||||
| ------- | ------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |
|
||||
| `&&` | **AND logico**: Confronta due espressioni Booleane. Restituisce vero **solo** se entrambe le parti sono vere | `(5 > 6) && (5 < 6) // Un lato è falso, l'altro è vero. Restituisce false` |
|
||||
| `\|\|` | **OR logico**: Confronta due espressioni Booleane. Restituisce vero se almeno una parte è vera | `(5 > 6) || (5 < 6) // Un lato è falso, l'altro è vero. Restituisce true` |
|
||||
| `!` | **NOT logico**: Restituisce il valore opposto di un'espressione Booleana | `!(5 > 6) // 5 non è maggiore di 6, ma "!" restituirà true` |
|
||||
|
||||
## Condizioni e Decisioni con Operatori Logici
|
||||
|
||||
Gli operatori logici possono essere utilizzati per formare condizioni nelle istruzioni if..else.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Laptop price at 20 percent off
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//Condizione era vero. Verra eseguito il codice in questo blocco.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
//Condizion era falsa. Verra eseguito il codice in questo blocco.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### Operatore di Negazione
|
||||
|
||||
Finora si è visto come if può usare un'istruzione `if... else` per creare logica condizionale. Tutto ciò che va in un `if` deve essere valutato come vero / falso. Utilizzando l'operatore `!` si può _negare_ l'espressione. Sarebbe così:
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// si esegue se condition è falso
|
||||
} else {
|
||||
// si esegue se condition è vero
|
||||
}
|
||||
```
|
||||
|
||||
### Espressioni ternarie
|
||||
|
||||
`if...else` non è l'unico modo per esprimere la logica decisionale. Si può anche usare qualcosa chiamato operatore ternario. La sintassi è simile alla seguente:
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <ritorna questo se vero> : <ritorna questo se falso>
|
||||
```
|
||||
|
||||
Di seguito è riportato un esempio più tangibile:
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ Ci si prenda un minuto per leggere questo codice alcune volte. Si capisce come lavorano questi operatori?
|
||||
|
||||
Quanto sopra afferma che
|
||||
|
||||
- se `firstNumber` è maggiore di `secondNumber`
|
||||
- allora assegna `firstNumber` a `biggestNumber`
|
||||
- altrimenti assegna `secondNumber`.
|
||||
|
||||
L'espressione ternaria è solo un modo compatto per scrivere il codice seguente:
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Sfida
|
||||
|
||||
Creare un programma che viene scritto prima con operatori logici, quindi riscriverlo utilizzando un'espressione ternaria. Qual è la propria sintassi preferita?
|
||||
|
||||
---
|
||||
## Quiz Post-Lezione
|
||||
[Quiz post-lezione](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=it)
|
||||
|
||||
## Revisione e Auto Apprendimento
|
||||
|
||||
Ulteriori informazioni sui numerosi operatori a disposizione dell'utente [su MDN](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Operators).
|
||||
|
||||
Esaminare la meravigliosa [consultazione sugli operatori di Josh Comeau](https://joshwcomeau.com/operator-lookup/)!
|
||||
|
||||
## Compito
|
||||
|
||||
[Operatori](assignment.it.md)
|
||||
@@ -1,174 +0,0 @@
|
||||
# JavaScript の基本: 意思決定
|
||||
|
||||
|
||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## レッスン前の小テスト
|
||||
[レッスン前の小テスト](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=ja)
|
||||
|
||||
意思決定を行い、コードの実行順序を制御することで、コードを再利用可能で堅牢なものにします。このセクションでは、JavaScript のデータフローを制御するための構文と、ブール値データ型で使用される場合の意味について説明します。
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions")
|
||||
|
||||
## ブール値の簡単なまとめ
|
||||
|
||||
ブール値は2つの値だけを持つことができます。`true` か `false` です。ブール値は、特定の条件が満たされたときにどの行のコードを実行するかを決定するのに役立ちます。
|
||||
|
||||
以下のように、ブール値を true か false に設定します:
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ ブール値は、イギリスの数学者、哲学者、論理学者のジョージ・ブール (1815-1864) にちなんで名づけられました。
|
||||
|
||||
## 比較演算子とブール値
|
||||
|
||||
演算子は、ブール値を生成するような比較をして条件を評価するために使用されます。以下に、よく使われる演算子の一覧を示します。
|
||||
|
||||
| シンボル | 説明 | 例 |
|
||||
| -------- | ----------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **小なり**: 2つの値を比較し、左側の値が右側の値よりも小さい場合は `true` のブール値を返します。 | `5 < 6 // true` |
|
||||
| `<=` | **小なりイコール**: 2つの値を比較し、左側の値が右側の値以下の場合は `true` のブール値を返します。 | `5 <= 6 // true` |
|
||||
| `>` | **大なり**: 2つの値を比較し、左側の値が右側の値よりも大きい場合は `true` のブール値を返します。 | `5 > 6 // false` |
|
||||
| `>=` | **大なりイコール**: 2つの値を比較し、左辺の値が右辺の値以上の場合は `true` のブール値を返します。 | `5 >= 6 // false` |
|
||||
| `===` | **同値**: 2つの値を比較し、右と左の値が等しく、かつ同じデータ型であれば `true` のブール値を返します。 | `5 === 6 // false` |
|
||||
| `!==` | **非同値**: 2つの値を比較し、厳密な平等演算子が返す値の反対のブール値を返します。 | `5 !== 6 // true` |
|
||||
|
||||
✅ ブラウザのコンソールに比較を書き込んで、自分の知識を確認してみてください。返ってきたデータに驚きはありませんか？
|
||||
|
||||
## If 文
|
||||
|
||||
if 文は、条件が true であればブロック間でコードを実行します。
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//条件は true でした。このブロック内のコードが実行されます。
|
||||
}
|
||||
```
|
||||
|
||||
論理演算子は、条件を形成するためによく使われます。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//条件は true でした。このブロック内のコードが実行されます。
|
||||
console.log("新しいノートパソコンを手に入れよう!");
|
||||
}
|
||||
```
|
||||
|
||||
## IF..Else 文
|
||||
|
||||
`else` 文は、条件が false の場合にブロック間でコードを実行します。これは `if` 文ではオプションです。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//条件は true でした。このブロック内のコードが実行されます。
|
||||
console.log("新しいノートパソコンを手に入れよう!");
|
||||
}
|
||||
else{
|
||||
//条件は false でした。このブロック内のコードが実行されます。
|
||||
console.log("新しいノートパソコンを買う余裕はまだない!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ ブラウザのコンソールで実行して、このコードと次のコードの理解度をテストしてください。currentMoney 変数と laptopPrice 変数の値を変更して、返される `console.log()` を変更します。
|
||||
|
||||
## 論理演算子とブール値
|
||||
|
||||
意思決定には複数の比較が必要な場合があり、論理演算子を使ってブール値を生成することができます。
|
||||
|
||||
| シンボル | 説明 | 例 |
|
||||
| -------- | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
|
||||
| `&&` | **論理積**: 2つのブール式を逆さにします。両辺が真の場合 **のみ** true を返します。 | `(5 > 6) && (5 < 6 ) //片方が false、もう片方が true です。false を返します。` |
|
||||
| `\|\|` | **論理和**: 2つのブール式を比較します。少なくとも片方が true であれば true を返します。 | `(5 > 6) \|\| (5 < 6) //片方が false、もう片方が true です。true を返します。` |
|
||||
| `!` | **論理否定**: ブール式の反対の値を返します。 | `!(5 > 6) // 5は6より大きくないが、"!" は true を返す` |
|
||||
|
||||
## 論理演算子を用いた条件と決定
|
||||
|
||||
論理演算子は、if...else 文で条件を形成するために使用できます。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //ノートパソコンの価格が20％オフ
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//条件は true でした。このブロック内のコードが実行されます。
|
||||
console.log("新しいノートパソコンを手に入れよう!");
|
||||
}
|
||||
else {
|
||||
//条件は false でした。このブロック内のコードが実行されます。
|
||||
console.log("新しいノートパソコンを買う余裕はまだない!");
|
||||
}
|
||||
```
|
||||
|
||||
### 否定演算子
|
||||
|
||||
ここまでで、条件付きロジックを作成するために `if...else` 文を使用する方法を見てきました。`if` に入るものはすべて true/false を評価する必要があります。演算子 `!` を使用すると、式を _否定_ することができます。以下のようになります。
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// 条件が false の場合に実行されます。
|
||||
} else {
|
||||
// 条件が true の場合に実行されます。
|
||||
}
|
||||
```
|
||||
|
||||
### 三項式
|
||||
|
||||
意思決定ロジックを表現する方法は `if...else` だけではありません。三項演算子と呼ばれるものを使うこともできます。その構文は次のようになります。
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <true ならばこれを返す> : <false ならばこれを返す>`
|
||||
```
|
||||
|
||||
以下でより具体的な例を挙げてみます。
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ このコードを数回読むのに時間をかけてください。これらの演算子がどのように動作するか理解できましたか？
|
||||
|
||||
上の例では次のようになっています。
|
||||
- `firstNumber` が `secondNumber` よりも大きければ
|
||||
- `biggestNumber` に `firstNumber` を代入し、
|
||||
- そうでなければ `secondNumber` に代入する
|
||||
|
||||
三項式は、以下のコードをコンパクトに書くだけです。
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 チャレンジ
|
||||
|
||||
最初に論理演算子を使ってプログラムを作成し、それを三項式で書き換えます。お好みの構文は？
|
||||
|
||||
## レッスン後の小テスト
|
||||
|
||||
[レッスン後の小テスト](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=ja)
|
||||
|
||||
## 復習と自己学習
|
||||
|
||||
ユーザーが利用できる多くの演算子についての詳細は [mdn](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators) をご覧ください。
|
||||
|
||||
Josh Comeau の素晴らしい [operator lookup](https://joshwcomeau.com/operator-lookup/) をご覧ください!
|
||||
|
||||
## 課題
|
||||
|
||||
[演算子](assignment.ja.md)
|
||||
@@ -1,173 +0,0 @@
|
||||
# JavaScript 기초: 결정하기
|
||||
|
||||
|
||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## 강의 전 퀴즈
|
||||
[Pre-lecture quiz](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=ko)
|
||||
|
||||
결정을 내리고 코드가 실행되는 순서를 제어하면 코드를 재사용하며 강력하게 만들 수 있습니다. 이 강의에서는 JavaScript에서 데이터 흐름을 제어하기 위한 구문과 논리 자료형 데이터 타입을 함께 사용하는 중요성을 다룹니다.
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions")
|
||||
|
||||
## 논리 자료형에 대한 간략한 요약
|
||||
|
||||
논리 자료형은 `true` 또는 `false` 두 가지 값만 가능합니다. 논리 자료형은 조건이 충족하는 순간 실행하는 코드 라인을 결정하는 데 도움 줄 수 있습니다.
|
||||
|
||||
이렇게 참 또는 거짓으로 논리 자료형을 지정합니다:
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ Booleans(=논리 자료형)은 영국의 수학자, 철학자이자 논리 학자인 George Boole (1815-1864)의 이름에서 유래되었습니다.
|
||||
|
||||
## 비교 연산자와 논리 연산자
|
||||
|
||||
연산자는 논리 자료형 값을 비교하여 조건을 평가하는 데 사용합니다. 자주 사용되는 연산자 목록입니다.
|
||||
|
||||
| Symbol | Description | Example |
|
||||
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **Greater than**: Compares two values and returns the `true` Boolean data type if the value on the right side is larger than the left | `5 < 6 // true` |
|
||||
| `<=` | **Greater than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the right side is larger than or equal to the left | `5 <= 6 // true` |
|
||||
| `>` | **Less than**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than the right | `5 > 6 // false` |
|
||||
| `>=` | **Less than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than or equal to the right | `5 >= 6 // false` |
|
||||
| `===` | **Strict equality**: Compares two values and returns the `true` Boolean data type if values on the right and left are equal AND are the same data type. | `5 === 6 // false` |
|
||||
| `!==` | **Inequality**: Compares two values and returns the opposite Boolean value of what a strict equality operator would return | `5 !== 6 // true` |
|
||||
|
||||
✅ 브라우저 콘솔에서 비교문을 작성하여 복습해보십시오. 반환된 데이터가 놀랍나요?
|
||||
|
||||
## If 문
|
||||
|
||||
조건이 참이면 if 문은 블록 사이에서 코드를 실행합니다.
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//Condition was true. Code in this block will run.
|
||||
}
|
||||
```
|
||||
|
||||
논리 연산자는 조건을 만들 때 종종 사용됩니다.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## IF..Else 문
|
||||
|
||||
`else` 문은 조건이 거짓일 때만 블록 사이에서 코드를 실행합니다. `if` 문와 함께 사용하는 것은 선택 사항입니다.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ 위 코드들을 브라우저 콘솔에서 실행하여 이해했는지 테스트하십시오. currentMoney 및 laptopPrice 변수 값이 변경하여 반환된 `console.log ()`가 변경됩니다.
|
||||
|
||||
## 논리 연산자와 논리 자료형
|
||||
|
||||
결정에는 두개 이상의 비교문이 필요할 수 있으며, 논리 연산자과 합쳐서 논리 자료형 값을 생성할 수 있습니다.
|
||||
|
||||
| Symbol | Description | Example |
|
||||
| ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
|
||||
| `&&` | **Logical AND**: Compares two Boolean expressions. Returns true **only** if both sides are true | `(5 > 6) && (5 < 6 ) //One side is false, other is true. Returns false` |
|
||||
| `||` | **Logical OR**: Compares two Boolean expressions. Returns true if at least one side is true | `(5 > 6) || (5 < 6) //One side is false, other is true. Returns true` |
|
||||
| `!` | **Logical NOT**: Returns the opposite value of a Boolean expression | `!(5 > 6) // 5 is not greater than 6, but "!" will return true` |
|
||||
|
||||
## 논리 연산자의 조건 및 결정
|
||||
|
||||
논리 연산자는 if..else 문에서 조건을 만들 때 사용됩니다.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Laptop price at 20 percent off
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### 부정 연산자
|
||||
|
||||
`if...else` 문으로 사용하여 조건부 로직을 만드는 방법을 살펴 보았습니다. `if`에 들어가는 모든 것은 참/거짓으로 평가되어야 합니다. `!` 연산자를 사용하여 표현식을 _부정_ 할 수 있습니다. 이렇게 보입니다:
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// runs if condition is false
|
||||
} else {
|
||||
// runs if condition is true
|
||||
}
|
||||
```
|
||||
|
||||
### 삼항식
|
||||
|
||||
`if...else`가 결정 로직을 표현하는 유일한 방법은 아닙니다. 삼항 연산자라는 것을 사용할 수 있습니다. 구문은 다음과 같습니다:
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <return this if true> : <return this if false>`
|
||||
```
|
||||
|
||||
다음은 확실한 예시입니다:
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ 잠시 시간을 내서 코드를 몇 번 읽으시기 바랍니다. 연산자가 어떻게 작동하는지 이해하나요?
|
||||
|
||||
위의 내용은
|
||||
- `firstNumber`가 `secondNumber`보다 큰 경우
|
||||
- `biggestNumber`에 `firstNumber`를 할당하고
|
||||
- 그렇지 않으면 `secondNumber`를 할당한다는 내용입니다.
|
||||
|
||||
삼항 표현식은 아래 코드를 간단히 작성했습니다.
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 도전
|
||||
|
||||
논리 연산자로 프로그램을 먼저 만든 뒤, 삼항 표현식을 사용하여 다시 작성하십시오. 어떤 구문을 선호합니까?
|
||||
|
||||
## 강의 후 퀴즈
|
||||
[Post-lecture quiz](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=ko)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
[MDN에서](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators) 사용할 수 있는 많은 연산자에 대해 자세히 알아보십시오.
|
||||
|
||||
Josh Comeau'의 wonderful [operator lookup](https://joshwcomeau.com/operator-lookup/)을 통할 수 있습니다!
|
||||
|
||||
## 과제
|
||||
|
||||
[Operators](../assignment.md)
|
||||
@@ -1,175 +0,0 @@
|
||||
# Asas JavaScript: Membuat Keputusan
|
||||
|
||||
|
||||
> Sketchnote karya [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## Kuiz Pra Kuliah
|
||||
[Kuiz Pra Kuliah](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11)
|
||||
|
||||
Membuat keputusan dan mengawal urutan kod anda berjalan menjadikan kod anda boleh digunakan semula dan kukuh. Bahagian ini merangkumi sintaks untuk mengawal aliran data dalam JavaScript dan kepentingannya apabila digunakan dengan jenis data Boolean
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "Membuat Keputusan")
|
||||
|
||||
> Klik gambar di atas untuk video mengenai membuat keputusan.
|
||||
## Secara rumus untuk mengenai Booleans
|
||||
|
||||
Booleans boleh hanya dua nilai: `true` atau` false`. Booleans membantu membuat keputusan mengenai garis kod mana yang harus dijalankan apabila syarat tertentu dipenuhi.
|
||||
|
||||
Tetapkan boolean anda menjadi benar atau salah seperti ini:
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ Booleans dinamai oleh ahli matematik Inggeris, ahli falsafah dan ahli logik George Boole (1815-1864).
|
||||
|
||||
## Pengendali Perbandingan dan Booleans
|
||||
|
||||
Pengendali digunakan untuk menilai keadaan dengan membuat perbandingan yang akan menghasilkan nilai Boolean. Berikut adalah senarai pengendali yang sering digunakan.
|
||||
|
||||
| Simbol | Penerangan | Contoh |
|
||||
| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **Kurang daripada**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang dari kanan | `5 < 6 // true` |
|
||||
| `<=` | **Kurang daripada atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri kurang dari atau sama dengan kanan | `5 <= 6 // true` |
|
||||
| `>` | **Lebih daripada**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar daripada kanan | `5 > 6 // false` |
|
||||
| `>=` | **Lebih daripada atau sama dengan**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di sebelah kiri lebih besar daripada atau sama dengan kanan | `5 >= 6 // false` |
|
||||
| `===` | **Persamaan yang ketat**: Membandingkan dua nilai dan mengembalikan jenis data Boolean `true` jika nilai di kanan dan kiri sama DAN adalah jenis data yang sama. | `5 === 6 // false` |
|
||||
| `!==` | **Ketidaksamaan**: Membandingkan dua nilai dan mengembalikan nilai Boolean yang bertentangan dengan apa yang akan dikembalikan oleh operator persamaan yang ketat | `5 !== 6 // true` |
|
||||
|
||||
✅ Periksa pengetahuan anda dengan menulis beberapa perbandingan di konsol penyemak imbas anda. Adakah data yang dikembalikan mengejutkan anda?
|
||||
|
||||
## Penyata sekiranya (if)
|
||||
|
||||
Pernyataan _if_ akan menjalankan kod di antara bloknya jika keadaannya benar.
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//Keadaan itu benar. Kod di blok ini akan dijalankan.
|
||||
}
|
||||
```
|
||||
|
||||
Pengendali logik sering digunakan untuk membentuk keadaan.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Keadaan itu benar. Kod di blok ini akan dijalankan.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## Penyata (IF.. Else)
|
||||
|
||||
Pernyataan `else` akan menjalankan kod di antara bloknya apabila keadaannya salah. Ia pilihan dengan pernyataan `if`.
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Keadaan itu benar. Kod di blok ini akan dijalankan.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
//Keadaan itu benar. Kod di blok ini akan dijalankan.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ Uji pemahaman anda mengenai kod ini dan kod berikut dengan menjalankannya di konsol penyemak imbas. Tukar nilai pemboleh ubahMoney dan laptopPrice semasa untuk menukar `console.log ()` yang dikembalikan.
|
||||
|
||||
## Pengendali Logik dan Booleans
|
||||
|
||||
Keputusan mungkin memerlukan lebih dari satu perbandingan, dan dapat disatukan dengan operator logik untuk menghasilkan nilai Boolean.
|
||||
|
||||
| Simbol | Penerangan | Contoh |
|
||||
| ------ | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
|
||||
| `&&` | **Logik AND**: Membandingkan dua ungkapan Boolean. Mengembalikan benar **hanya** jika kedua-dua sisi benar | `(5 > 6) && (5 < 6 ) //Satu pihak salah, yang lain benar. Mengembalikan palsu` |
|
||||
| `\|\|` | **Logik OR**: Membandingkan dua ungkapan Boolean. Mengembalikan benar jika sekurang-kurangnya satu sisi benar | `(5 > 6) \|\| (5 < 6) //Satu pihak salah, yang lain benar. Kembali benar` |
|
||||
| `!` | **Logik NOT**: Mengembalikan nilai bertentangan ungkapan Boolean | `!(5 > 6) // 5 tidak lebih besar daripada 6, tetapi "!" akan kembali benar` |
|
||||
|
||||
## Syarat dan Keputusan dengan Pengendali Logik
|
||||
|
||||
Pengendali logik boleh digunakan untuk membentuk keadaan dalam pernyataan (if..else).
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Harga komputer riba diskaun 20 peratus
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
//Keadaan itu benar. Kod di blok ini akan dijalankan.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
//Keadaan itu benar. Kod di blok ini akan dijalankan.
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### Pengendali negasi
|
||||
|
||||
Anda telah melihat sejauh mana bagaimana anda boleh menggunakan pernyataan `if ... else` untuk membuat logik bersyarat. Apa-apa yang masuk ke `if` perlu dinilai menjadi benar / salah. Dengan menggunakan operator `!` Anda boleh _negate_ ungkapan itu. Ia kelihatan seperti:
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// kod ini akan berjalan sekiranya keadaan salah
|
||||
} else {
|
||||
// kod ini akan berjalan sekiranya keadaan benar
|
||||
}
|
||||
```
|
||||
|
||||
### Ungkapan Ternary
|
||||
|
||||
`if ... else` bukan satu-satunya cara untuk menyatakan logik keputusan. Anda juga boleh menggunakan sesuatu yang disebut pengendali ternary. Sintaks untuknya kelihatan seperti ini:
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <return this if true> : <return this if false>
|
||||
```
|
||||
|
||||
Berikut adalah contoh yang lebih nyata:
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ Luangkan masa sebentar untuk membaca kod ini beberapa kali. Adakah anda faham bagaimana pengendali ini berfungsi?
|
||||
|
||||
Perkara di atas menyatakan bahawa
|
||||
- jika `firstNumber` lebih besar daripada` secondNumber`
|
||||
- kemudian tetapkan `firstNumber` ke` largeNumber`
|
||||
- lain tetapkan `secondNumber`.
|
||||
|
||||
Ungkapan terner hanyalah cara ringkas untuk menulis kod di bawah:
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Cabaran
|
||||
|
||||
Buat program yang ditulis terlebih dahulu dengan operator logik, dan kemudian tulis semula menggunakan ungkapan terary. Apakah sintaks pilihan anda?
|
||||
|
||||
---
|
||||
## Kuiz Pasca Kuliah
|
||||
[Kuiz Pasca Kuliah](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12)
|
||||
|
||||
## Mengkaji & Belajar Sendiri
|
||||
|
||||
Baca lebih lanjut mengenai banyak pengendali yang ada pada pengguna[pada laman MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators).
|
||||
|
||||
Lalui laman Josh Comeau tentang [pengendali](https://joshwcomeau.com/operator-lookup/)!
|
||||
|
||||
## Tugasan
|
||||
|
||||
[Pengendali](./assignment.ms.md)
|
||||
@@ -1,177 +0,0 @@
|
||||
# Noções básicas de JavaScript: Tomando Decisões
|
||||
|
||||
> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## Quiz Pré-Aula
|
||||
[Quiz Pré-Aula](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11)
|
||||
|
||||
Tomar decisões e controlar a ordem do que é executado no seu código o torna recusável e robusto. Essa seção cobre a sintaxe para controle do fluxo de dados no JavaScript e sua significância quando usada com tipos Booleanos.
|
||||
|
||||
[](https://youtube.com/watch?v=jqxfynLcNIw "Making Decisions")
|
||||
|
||||
> 🎥 Clique na imagem acima para ver um video sobre tomada de decisões
|
||||
|
||||
> Você pode fazer essa aula em [Microsoft Learn](https://docs.microsoft.com/pt-br/learn/modules/web-development-101-if-else/?WT.mc_id=academic-77807-sagibbon)!
|
||||
|
||||
## Uma breve recapitulação sobre Booleanos
|
||||
|
||||
Booleanos podem ter apenas dois valores `true` ou `false` (Verdadeiro ou falso). Os booleanos ajudam a tomar decisões sobre quais linhas de código devem ser executadas quando certas condições são atendidas.
|
||||
|
||||
Atribua valores verdadeiro ou falso no seu booleano da seguinte forma:
|
||||
|
||||
`let meuBooleanoVerdadeiro = true`
|
||||
`let meuBooleanoFalso = false`
|
||||
|
||||
✅ Os booleanos receberam o nome do matemático, filósofo e lógico inglês George Boole (1815–1864).
|
||||
|
||||
## Operadores de comparação e booleanos
|
||||
|
||||
Os operadores são usados para avaliar as condições fazendo comparações que criarão um valor booleano. A seguir está uma lista de operadores que são usados com frequência
|
||||
|
||||
| Simbolo | Descrição | Exemplo |
|
||||
| ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **Menor que**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor do lado esquerdo for menor que o direito | `5 < 6 // true` |
|
||||
| `<=` | **Menor ou igual**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor à esquerda for menor ou igual à direita | `5 <= 6 // true` |
|
||||
| `>` | **Maior que**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor à esquerda for menor ou igual à direita | `5 > 6 // false` |
|
||||
| `>=` | **Maior ou igual**: Compara dois valores e retorna o tipo de dados Booleano `true` se o valor à esquerda for maior ou igual à direita | `5 >= 6 // false` |
|
||||
| `===` | **Igualdade estrita**: Compara dois valores e retorna o tipo de dados booleano `true` se os valores à direita e à esquerda forem iguais E forem do mesmo tipo de dados. | `5 === 6 // false` |
|
||||
| `!==` | **Desigualdade**: Compara dois valores e retorna o valor booleano oposto ao que um operador de igualdade estrita retornaria | `5 !== 6 // true` |
|
||||
|
||||
✅ Verifique seu conhecimento escrevendo algumas comparações no console do seu navegador. Algum dado retornado o surpreende?
|
||||
|
||||
## Instrução If
|
||||
|
||||
A instrução if executará o código entre seus blocos se a condição for verdadeira.
|
||||
|
||||
```javascript
|
||||
if (condição){
|
||||
// A condição era verdadeira. O código neste bloco será executado.
|
||||
}
|
||||
```
|
||||
|
||||
Os operadores lógicos são freqüentemente usados para formar a condição.
|
||||
|
||||
```javascript
|
||||
let dinheiroAtual;
|
||||
let precoLaptop;
|
||||
|
||||
if (dinheiroAtual >= precoLaptop){
|
||||
// A condição era verdadeira. O código neste bloco será executado.
|
||||
console.log("Comprando um novo laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## Instrução IF..Else
|
||||
|
||||
A instrução `else` executará o código entre seus blocos quando a condição for falsa. É opcional com uma instrução `if`.
|
||||
|
||||
```javascript
|
||||
let dinheiroAtual;
|
||||
let precoLaptop;
|
||||
|
||||
if (dinheiroAtual >= precoLaptop){
|
||||
// A condição era verdadeira. O código neste bloco será executado.
|
||||
console.log("Comprando um novo laptop!");
|
||||
}
|
||||
else{
|
||||
// A condição era verdadeira. O código neste bloco será executado.
|
||||
console.log("Ainda não posso comprar um novo laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ Teste sua compreensão deste código e do código a seguir, executando-o em um console de navegador. Altere os valores das variáveis dinheiroAtual e precoLaptop para alterar os retornos do `console.log ()`.
|
||||
|
||||
## Operadores Lógicos e Booleanos
|
||||
|
||||
As decisões podem exigir mais de uma comparação e podem ser combinadas com operadores lógicos para produzir um valor booleano.
|
||||
|
||||
| Simbolo | Descrição | Exemplo |
|
||||
| ------- | ---------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
|
||||
| `&&` | **AND Lógico**: Compara duas expressões booleanas. Retorna verdadeiro ** apenas ** se ambos os lados forem verdadeiros | `(5 > 6) && (5 < 6 ) //// Um lado é falso, o outro é verdadeiro. Retorna falso` |
|
||||
| `\|\|` | **OR Lógico**: Compara duas expressões booleanas. Retorna verdadeiro se pelo menos um lado for verdadeiro | `(5> 6) \ | \ | (5 <6) // Um lado é falso, o outro é verdadeiro. Retorna verdadeiro` |
|
||||
| `!` | **NOT Lógico**: Retorna o valor oposto de uma expressão booleana | `! (5> 6) // 5 não é maior que 6, mas"! " retornará verdadeiro` |
|
||||
|
||||
## Codições e Decisões com Operadores Lógicos
|
||||
|
||||
Operadores lógicos podem ser usados para formar condições em instruções if..else.
|
||||
|
||||
```javascript
|
||||
let dinheiroAtual;
|
||||
let precoLaptop;
|
||||
let laptopComDesconto = precoLaptop - (precoLaptop * .20) //Laptop com desconto de 20%
|
||||
|
||||
if (dinheiroAtual >= precoLaptop || dinheiroAtual >= laptopComDesconto){
|
||||
// A condição era verdadeira. O código neste bloco será executado.
|
||||
console.log("Comprando um novo laptop!");
|
||||
}
|
||||
else {
|
||||
// A condição era verdadeira. O código neste bloco será executado.
|
||||
console.log("Ainda não posso comprar um novo laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
### Operador de negação
|
||||
|
||||
Você viu até agora como se pode usar uma instrução `if ... else` para criar lógica condicional. Tudo o que entra em um `if` precisa ser avaliado como verdadeiro / falso. Usando o operador `!` Você pode _negar_ a expressão. Seria assim:
|
||||
|
||||
```javascript
|
||||
if (!condicao) {
|
||||
// é executado se a condição for falsa
|
||||
} else {
|
||||
// é executado se a condição for verdadeira
|
||||
}
|
||||
```
|
||||
|
||||
### Expressões ternárias
|
||||
|
||||
`if ... else` não é a única maneira de expressar a lógica de decisão. Você também pode usar algo chamado operador ternário. A sintaxe é assim:
|
||||
|
||||
```javascript
|
||||
let variavel = condicao ? <retorne isso se verdadeiro> : <retorne isso se falso>
|
||||
```
|
||||
|
||||
Abaixo está um exemplo mais tangível:
|
||||
|
||||
```javascript
|
||||
let primeiroNumero = 20;
|
||||
let segundoNumero = 10
|
||||
let maiorNumero = primeiroNumero > segundoNumero ? primeiroNumero: segundoNumero;
|
||||
```
|
||||
|
||||
✅ Reserve um minuto para ler este código algumas vezes. Você entende como esses operadores estão trabalhando?
|
||||
|
||||
O código acima afirma que
|
||||
- Se `primeiroNumero` for maior que o `segundoNumero`
|
||||
- então atribua `primeiroNumero` a `maiorNumero`
|
||||
- Senão atribua `segundoNumero`.
|
||||
|
||||
A expressão ternária é apenas uma forma compacta de escrever o código abaixo:
|
||||
|
||||
```javascript
|
||||
let maiorNumero;
|
||||
if (primeiroNumero > segundoNumero) {
|
||||
maiorNumero = primeiroNumero;
|
||||
} else {
|
||||
maiorNumero = segundoNumero;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Desafio
|
||||
|
||||
Crie um programa que seja escrito primeiro com operadores lógicos e, em seguida, reescreva-o usando uma expressão ternária. Qual é a sua sintaxe preferida?
|
||||
|
||||
---
|
||||
## Quiz Pós-Aula
|
||||
[Quiz Pós Aula](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12)
|
||||
|
||||
## Revisão e autoestudo
|
||||
|
||||
Leia mais sobre os vários operadores disponíveis para o usuário [no MDN](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Operators).
|
||||
|
||||
Vá até a maravilhosa [pesquisa de operador](https://joshwcomeau.com/operator-lookup/)! de Josh Comeau
|
||||
|
||||
## Tarefa
|
||||
|
||||
[Operadores](assignment.pt.md)
|
||||
@@ -1,177 +0,0 @@
|
||||
# JavaScript 基础：做出决定
|
||||
|
||||
|
||||
> 涂鸦笔记作者：[Tomomi Imura](https://twitter.com/girlie_mac)
|
||||
|
||||
## 课前小测
|
||||
[课前小测](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=zh_cn)
|
||||
|
||||
对你的代码运行方式做出决定并且控制它们的顺序可以让你的代码更加可复用和稳定。这节课会介绍 JavaScript 中控制数据流的语法以及其与布尔数据类型搭配使用时的重要性。
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "做出决定")
|
||||
|
||||
> 点击上方图片来观看一个有关做出决定的视频。
|
||||
|
||||
## 布尔值简要回顾
|
||||
|
||||
布尔值只有两个值：`true` 或 `false`。布尔值有助于决定在满足一定条件下应该运行哪些行的代码。
|
||||
|
||||
可以用如下方式将你的布尔变量设为真或假：
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ 布尔值（Booleans）的命名来源于英国数学家、哲学家和逻辑学家 George Boole（1815-1864）。
|
||||
|
||||
## 比较运算符（Comparison Operators）与布尔值
|
||||
|
||||
一些运算符可用于表示比较的结果（会以布尔值返回）。下面是一些常用的运算符：
|
||||
|
||||
| 符号 | 描述 | 示例 |
|
||||
| ----- | --------------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **小于**：比较两个值，如果左边的值小于右边的值则返回 `true` | `5 < 6 // true` |
|
||||
| `<=` | **小于或等于**：比较两个值，如果左边的值小于或等于右边的值则返回 `true` | `5 <= 6 // true` |
|
||||
| `>` | **大于**：比较两个值，如果左边的值大于右边的值则返回 `true` | `5 > 6 // false` |
|
||||
| `>=` | **大于或等于**：比较两个值，如果左边的值大于或等于右边的值则返回 `true` | `5 >= 6 // false` |
|
||||
| `===` | **严格等于**：比较两个值，如果左边的值等于右边的值**且**数据类型相同则返回 `true` | `5 === 6 // false` |
|
||||
| `!==` | **不等于**：比较两个值，返回与“严格等于”运算结果相反的布尔值 | `5 !== 6 // true` |
|
||||
|
||||
✅ 在你的浏览器控制台中亲手写一些比较来验证你的知识。有任何让你感到意外的返回结果吗？
|
||||
|
||||
## If 语句
|
||||
|
||||
If 语句会在条件为真的情况下运行它的块中的代码。
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
// 如果 condition 为 true，这个块中的代码将会运行。
|
||||
}
|
||||
```
|
||||
|
||||
比较/逻辑运算符常被用于构造条件式。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
// 如果条件为 true，这个块中的代码将会运行。
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## If..Else 语句
|
||||
|
||||
`else` 语句会在条件为假的情况下运行它块中的代码。它可以跟在一个 `if` 语句后面。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
// 如果条件为 true，这个块中的代码将会运行。
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
// 如果条件为 false，这个块中的代码将会运行。
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ 通过在浏览器控制台运行上方和接下来的代码来检查你对它的理解是否正确。可以通过修改 currentMoney 和 laptopPrice 变量的值来尝试改变 `console.log()` 打印出的值。
|
||||
|
||||
## 逻辑运算符（Logical Operators）与布尔值
|
||||
|
||||
做出决定可能需要不止一次比较，可以用逻辑运算符将比较结果串在一起来产生一个布尔值。
|
||||
|
||||
| 符号 | 描述 | 示例 |
|
||||
| ------ | ------------------------------------------------------------------- | ------------------------------------------------------ |
|
||||
| `&&` | **逻辑与（AND）**：比较两个布尔表达式，只有在两边**都是真**时返回真 | `(5 > 6) && (5 < 6 ) // 一边为假，另一边为真，返回假` |
|
||||
| `\|\|` | **逻辑或（OR）**：比较两个布尔表达式，在至少一边为真时返回真 | `(5 > 6) \|\| (5 < 6) // 一边为假，另一边为真，返回真` |
|
||||
| `!` | **逻辑非（NOT）**：返回与一个布尔表达式相反的布尔值 | `!(5 > 6) // 5 并不比 6 大，但 "!" 会返回真` |
|
||||
|
||||
## 用逻辑运算符来构造条件和决定
|
||||
|
||||
If...else 语句中，逻辑运算符可以用来构造条件。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) // 打八折后的笔记本电脑价格
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
// 如果条件为 true，这个块中的代码将会运行。
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
// 如果条件为 false，这个块中的代码将会运行。
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### 取反运算符（Negation operator）
|
||||
|
||||
你现在已经了解到如何用 `if...else` 语句来创建条件逻辑。任何传入 `if` 的东西都需要计算出一个 true 或者 false。通过 `!` 运算符你可以将表达式 _取反_。就像这样：
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// 如果 condition 为 false 则运行
|
||||
} else {
|
||||
// 如果 condition 为 true 则运行
|
||||
}
|
||||
```
|
||||
|
||||
### 三元表达式（Ternary expressions）
|
||||
|
||||
`if...else` 并非表达决定逻辑的唯一方式，你也可以使用一个叫做三元运算符的东西。语法如下：
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <若为 true 则返回这个> : <若为 false 则返回这个>
|
||||
```
|
||||
|
||||
下方是一个更具体的例子：
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ 花一分钟多看几遍上方代码，你能想明白这些运算符是什么意思吗？
|
||||
|
||||
上方代码表示：
|
||||
|
||||
- 如果 `firstNumber` 大于 `secondNumber`
|
||||
- 就将 `firstNumber` 赋值给 `biggestNumber`
|
||||
- 否则将 `secondNumber` 赋值给 `biggestNumber`
|
||||
|
||||
三元表达式其实只是下方代码的一个简单写法：
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 挑战
|
||||
|
||||
用逻辑运算符写一个程序，然后用三元表达式重写它。你更喜欢哪种语法？
|
||||
|
||||
---
|
||||
## 课后小测
|
||||
[Post-lecture quiz](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=zh_cn)
|
||||
|
||||
## 复习 & 自学
|
||||
|
||||
在 [MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators) 上了解更多开发者可以使用的运算符。
|
||||
|
||||
试用一下由 Josh Comeau 制作的绝妙的[运算符查询器](https://joshwcomeau.com/operator-lookup/)！
|
||||
|
||||
## 作业
|
||||
|
||||
[运算符](assignment.zh-cn.md)
|
||||
@@ -1,176 +0,0 @@
|
||||
# JavaScript 入門 - 做出決定
|
||||
|
||||
|
||||
> 由 [Tomomi Imura](https://twitter.com/girlie_mac) 繪製
|
||||
|
||||
## 課前測驗
|
||||
[課前測驗](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/11?loc=zh_tw)
|
||||
|
||||
為程式碼做決定與控制順序以提高其重複利用性與豐富性。這堂課程提供 JavaScript 的資料流控制語法與布林資料型的重點。
|
||||
|
||||
[](https://youtube.com/watch?v=SxTp8j-fMMY "做出決定")
|
||||
|
||||
> 點擊上方圖片以觀賞關於程式做決定的影片。
|
||||
|
||||
## 回顧布林資料型
|
||||
|
||||
布林只能有兩種數值： `true` 或 `false`。 布林幫助程式碼間在特定的條件下做出決定。
|
||||
|
||||
設定布林值的方式如下：
|
||||
|
||||
`let myTrueBool = true`
|
||||
`let myFalseBool = false`
|
||||
|
||||
✅ 布林的命名來源為一位英格蘭數學家、哲學家暨邏輯學家喬治·布爾 George Boole (1815–1864)。
|
||||
|
||||
## 關係運算子與布林
|
||||
|
||||
運算子會被使用在執行比較上，並回傳布林值。以下是常用的運算子列表。
|
||||
|
||||
| 符號 | 描述 | 舉例 |
|
||||
| ----- | -------------------------------------------------------------------------- | ------------------ |
|
||||
| `<` | **小於**： 比較兩數，當左數小於右數時，回傳 `true`。 | `5 < 6 // true` |
|
||||
| `<=` | **小於等於**： 比較兩數，當左數小於右數或左數等於右數時，回傳 `true`。 | `5 <= 6 // true` |
|
||||
| `>` | **大於**： 比較兩數，當左數大於右數時，回傳 `true`。 | `5 > 6 // false` |
|
||||
| `>=` | **大於等於**： 比較兩數，當左數大於右數或左數等於右數時，回傳 `true`。 | `5 >= 6 // false` |
|
||||
| `===` | **嚴格相等**： 比較兩數，當左數等於右數且有相同的資料型態時，回傳 `true`。 | `5 === 6 // false` |
|
||||
| `!==` | **嚴格不等於**： 比較兩數，回傳值與嚴格相等恰恰相反。 | `5 !== 6 // true` |
|
||||
|
||||
✅ 藉由在瀏覽器命令欄中撰寫關係運算子來驗證你學到的知識。你有什麼意外發現嗎?
|
||||
|
||||
## If 條件式
|
||||
|
||||
當條件成立時，If 條件式會執行區塊內的程式碼。
|
||||
|
||||
```javascript
|
||||
if (condition){
|
||||
//Condition was true. Code in this block will run.
|
||||
}
|
||||
```
|
||||
|
||||
邏輯運算子常被用在建立條件上。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
//Condition was true. Code in this block will run.
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
```
|
||||
|
||||
## IF..Else 條件式
|
||||
|
||||
當條件不成立時，`else` 條件式會執行區塊內的程式碼。它可以和 `if` 條件式選擇性地使用。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
|
||||
if (currentMoney >= laptopPrice){
|
||||
// if 條件成立時，這段程式碼會被執行。
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else{
|
||||
// else 條件成立時，這段程式碼會被執行。
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
✅ 在瀏覽器命令欄中測試你是否了解上述程式碼的意義。改變變數 currentMoney 和 laptopPrice 的數值來取得不同的回傳值 `console.log()`。
|
||||
|
||||
## 邏輯運算子與布林
|
||||
|
||||
有時候條件內容包含兩個以上的比較，邏輯運算子可以協助串接比較式來回傳布林值。
|
||||
|
||||
| 符號 | 描述 | 舉例 |
|
||||
| ------ | -------------------------------------------------------------------------- | --------------------------------------------------------- |
|
||||
| `&&` | **邏輯和**： 比較兩個布林條件式，當兩者**皆**回傳 `true` 時，回傳 `true`。 | `(5 > 6) && (5 < 6 ) //左為false、右為true，回傳 false。` |
|
||||
| `\|\|` | **邏輯或**： 比較兩個布林條件式，當其中一個回傳 `true` 時，回傳 `true`。 | `(5 > 6) \|\| (5 < 6) //左為false、右為true，回傳 true。` |
|
||||
| `!` | **邏輯非**： 回傳布林條件式的相反回傳值。 | `!(5 > 6) // 5 不大於 6，但 "!" 讓回傳值為 true。` |
|
||||
|
||||
## 邏輯運算子下的決定與條件
|
||||
|
||||
邏輯運算子可以用在建立 if..else 條件式中的條件。
|
||||
|
||||
```javascript
|
||||
let currentMoney;
|
||||
let laptopPrice;
|
||||
let laptopDiscountPrice = laptopPrice - (laptopPrice * .20) //Laptop price at 20 percent off
|
||||
|
||||
if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice){
|
||||
// if 條件成立時，這段程式碼會被執行。
|
||||
console.log("Getting a new laptop!");
|
||||
}
|
||||
else {
|
||||
// else 條件成立時，這段程式碼會被執行。
|
||||
console.log("Can't afford a new laptop, yet!");
|
||||
}
|
||||
```
|
||||
|
||||
### 否定運算子
|
||||
|
||||
你已經了解如何在 `if...else` 條件式中建立條件。任何 `if` 條件需要決定它的是與否。利用運算子 `!` 來 _否定_ 結果。它以下列方式呈現：
|
||||
|
||||
```javascript
|
||||
if (!condition) {
|
||||
// condition 為 false 時，執行。
|
||||
} else {
|
||||
// condition 為 true 時，執行。
|
||||
}
|
||||
```
|
||||
|
||||
### 條件運算子
|
||||
|
||||
`if...else` 並不是唯一表達條件式的方式。你也可以使用名為條件運算子的符號。語法如下：
|
||||
|
||||
```javascript
|
||||
let variable = condition ? <條件成立時回傳 A> : <條件否定時回傳 B>
|
||||
```
|
||||
|
||||
下列是較明確的例子：
|
||||
|
||||
```javascript
|
||||
let firstNumber = 20;
|
||||
let secondNumber = 10
|
||||
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
|
||||
```
|
||||
|
||||
✅ 花點時間閱讀這段程式碼。你能了解這些運算子的運作方式嗎?
|
||||
|
||||
上述的狀態為：
|
||||
- 若 `firstNumber` 大於 `secondNumber` 時
|
||||
- 則賦予 `firstNumber` 數值 `biggestNumber`
|
||||
- 否則賦予為數值 `secondNumber`。
|
||||
|
||||
條件運算子的另一種表達方式為：
|
||||
|
||||
```javascript
|
||||
let biggestNumber;
|
||||
if (firstNumber > secondNumber) {
|
||||
biggestNumber = firstNumber;
|
||||
} else {
|
||||
biggestNumber = secondNumber;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🚀 挑戰
|
||||
|
||||
建立一個程式，使用邏輯運算式來做判斷，再將程式碼改寫成條件運算子。你喜歡用哪一種語法?
|
||||
|
||||
---
|
||||
## 課後測驗
|
||||
[課後測驗](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/12?loc=zh_tw)
|
||||
|
||||
## 複習與自學
|
||||
|
||||
閱讀更多可被使用的運算子：[MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators)。
|
||||
|
||||
瀏覽 Josh Comeau 所編制的[運算子查詢表](https://joshwcomeau.com/operator-lookup/)！
|
||||
|
||||
## 作業
|
||||
|
||||
[運算子](assignment.zh-tw.md)
|
||||
@@ -1,40 +0,0 @@
|
||||
# Operatoren
|
||||
|
||||
## Anleitung
|
||||
|
||||
Spielen Sie mit den Betreibern herum. Hier ist ein Vorschlag für ein Programm, das Sie implementieren können:
|
||||
|
||||
Sie haben eine Gruppe von Studenten aus zwei verschiedenen Bewertungssystemen.
|
||||
|
||||
### Erstbewertungssystem
|
||||
|
||||
Ein Bewertungssystem ist definiert als Noten von 1 bis 5, wobei 3 und höher bedeutet, dass Sie den Kurs bestehen.
|
||||
|
||||
### Zweites Bewertungssystem
|
||||
|
||||
Das andere Notensystem hat die folgenden Noten `A, A-, B, B-, C, C-` wobei `A` die Bestnote und `C` die niedrigste bestandene Note ist.
|
||||
|
||||
### Die Aufgabe
|
||||
|
||||
Erstellen Sie unter Berücksichtigung des folgenden Arrays `allStudents`, das alle Schüler und ihre Noten darstellt, ein neues Array `studentsWhoPass`, das alle bestandenen Schüler enthält.
|
||||
|
||||
> TIPP, verwenden Sie eine for-Schleife und if...else und Vergleichsoperatoren:
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-'
|
||||
1,
|
||||
4
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## Rubrik
|
||||
|
||||
| Kriterien | Vorbildlich | Angemessen | Verbesserungsbedarf |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | Komplettlösung wird vorgestellt | Teillösung wird vorgestellt Lösung mit Fehlern wird vorgestellt |
|
||||
@@ -1,41 +0,0 @@
|
||||
# Operadores
|
||||
|
||||
## Instrucciones
|
||||
|
||||
Juega con los operadores. Aquí hay una sugerencia de un programa que puede implementar.
|
||||
|
||||
Tiene un conjunto de estudiantes de dos sistemas de calificación diferentes.
|
||||
|
||||
### Primer sistema de calificación
|
||||
|
||||
Un sistema de calificación se define como calificaciones del 1 al 5, donde 3 y más significa que aprueba el curso.
|
||||
|
||||
### Segundo sistema de calificación
|
||||
|
||||
El otro sistema de calificaciones tiene las siguientes calificaciones `A, A-, B, B-, C, C-` donde `A` es la calificación más alta y `C` es la calificación más baja para aprobar.
|
||||
|
||||
### La tarea
|
||||
|
||||
Dada la siguiente matriz `allStudents` que representa a todos los estudiantes y sus calificaciones, construya una nueva matriz `StudentsWhoPass` que contenga a todos los estudiantes que aprobaron.
|
||||
|
||||
> SUGERENCIA, use un bucle for y if ... else y operadores de comparación:
|
||||
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-'
|
||||
1,
|
||||
4
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## Rúbrica
|
||||
|
||||
| Criterios | Ejemplar | Adecuado | Necesita mejorar |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | Se presenta la solución completa | Se presenta solución parcial | Se presenta solución con errores |
|
||||
@@ -1,40 +0,0 @@
|
||||
# Les opérateurs
|
||||
|
||||
## Instructions
|
||||
|
||||
Amusez vous avec les opérateurs. Voici une suggestion de programme que vous pouvez implémenter :
|
||||
|
||||
Vous avez un ensemble d'étudiants issu de deux systèmes de notation différents.
|
||||
|
||||
### Premier système de notation
|
||||
|
||||
Un système de notation est défini comme des notes allant de 1 à 5, où 3 et plus signifient que vous réussissez le cours.
|
||||
|
||||
### Deuxième système de notation
|
||||
|
||||
L'autre système de notes a les notes suivantes `A, A-, B, B-, C, C-`, où `A` est la note la plus élevée et `C` est la note de passage la plus basse.
|
||||
|
||||
### La tâche
|
||||
|
||||
Étant donné le tableau suivant `allStudents` représentant tous les étudiants et leurs notes, construisez un nouveau tableau `studentsWhoPass` contenant tous les étudiants qui réussissent.
|
||||
|
||||
> CONSEIL, utilisez une boucle for et if...else et des opérateurs de comparaison :
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## Rubrique
|
||||
|
||||
| Critères | Exemplaire | Adéquat | Besoin d'amélioration |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | La solution complète est présentée | Une solution partielle est présentée | La solution avec des bogues est présentée |
|
||||
@@ -1,40 +0,0 @@
|
||||
# ऑपरेटर्स
|
||||
|
||||
## अनुदेश
|
||||
|
||||
ऑपरेटरों के साथ खेलते हैं। यहां एक प्रोग्राम के लिए एक सुझाव है जिसे आप कार्यान्वित कर सकते हैं:
|
||||
|
||||
आपके पास दो अलग-अलग ग्रेडिंग सिस्टम के छात्रों का एक सेट है.
|
||||
|
||||
### पहला ग्रेडिंग सिस्टम
|
||||
|
||||
एक ग्रेडिंग सिस्टम को 1-5 से ग्रेड के रूप में परिभाषित किया गया है जहां 3 और इसके बाद के संस्करण का मतलब है कि आप पाठ्यक्रम पास करते हैं।
|
||||
|
||||
### दूसरा ग्रेडिंग सिस्टम
|
||||
|
||||
अन्य ग्रेड प्रणाली में निम्न ग्रेड हैं `A, A-, B, B-, C, C-` जहां `A` शीर्ष ग्रेड है और `C` सबसे कम पासिंग ग्रेड है।
|
||||
|
||||
### काम
|
||||
|
||||
निम्नलिखित सरणी को देखते हुए `allStudents` सभी छात्रों और उनके ग्रेड का प्रतिनिधित्व करते हैं, एक नई सरणी का निर्माण करते हैं` StudentsWhoPass` जिसमें सभी छात्र पास होते हैं।
|
||||
|
||||
> सुझाब , for-loop और if...else और तुलना ऑपरेटरों का उपयोग करें :
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-'
|
||||
1,
|
||||
4
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## शीर्ष
|
||||
|
||||
| मानदंड | उदाहरणात्मक | पर्याप्त | सुधार की जरूरत |
|
||||
| ------ | ---------------------------- | ----------------------------- | ------------------------------------- |
|
||||
| | पूरा समाधान प्रस्तुत किया है | आंशिक समाधान प्रस्तुत किया है | बग के साथ समाधान प्रस्तुत किया गया है |
|
||||
@@ -1,40 +0,0 @@
|
||||
# Operator
|
||||
|
||||
## Instruksi
|
||||
|
||||
Bermain-main dengan operator. Berikut adalah saran untuk program yang dapat Anda terapkan:
|
||||
|
||||
Anda memiliki satu set siswa dari dua sistem penilaian yang berbeda.
|
||||
|
||||
### Sistem Layanan pertama
|
||||
|
||||
Satu sistem didefinisikan sebagai nilai dari 1-5 di mana 3 ke atas berarti Anda lulus kursus.
|
||||
|
||||
### Sistem Produk kedua
|
||||
|
||||
Sistem nilai lain memiliki nilai berikut `A, A-, B, B-, C, C-` di mana `A` adalah nilai tertinggi dan `C` adalah nilai kelulusan terendah.
|
||||
|
||||
### Tugas
|
||||
|
||||
Diberikan array `semuaPelajar` yang mewakili semua siswa dan nilai, buat array baru `pelajarYangLulus` yang berisi semua siswa yang lulus.
|
||||
|
||||
> TIPS, gunakan for-loop dan if ... else dan operator perbandingan:
|
||||
|
||||
```javascript
|
||||
let semuaPelajar = [
|
||||
'A',
|
||||
'B-'
|
||||
1,
|
||||
4
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let pelajarYangLulus = [];
|
||||
```
|
||||
|
||||
## Rubrik
|
||||
|
||||
| Kriteria | Contoh | Memenuhi | Perlu Perbaikan |
|
||||
| -------- | ------------------------ | ------------------------------ | --------------------------- |
|
||||
| | Solusi lengkap disajikan | Solusi tidak lengkap disajikan | Solusi dengan bug disajikan |
|
||||
@@ -1,40 +0,0 @@
|
||||
# Operatori
|
||||
|
||||
## Istruzioni
|
||||
|
||||
Giocare con gli operatori. Ecco un suggerimento per un programma che si potrebbe implementare:
|
||||
|
||||
Ci sono due gruppi di studenti per due diversi sistemi di graduatoria.
|
||||
|
||||
### Primo sistema di graduatoria
|
||||
|
||||
Un sistema di graduatoria è definito da voti che vanno da 1 a 5 dove 3 e superiore significa che la prova è stata completata con successo.
|
||||
|
||||
### Secondo sistema di graduatoria
|
||||
|
||||
L'altro sistema di graduatoria ha i seguenti valori di giudizio: `A, A-, B, B-, C, C-` dove `A` è il giudizio migliore e `C` il giudizio minimo per superare la prova.
|
||||
|
||||
### Il compito
|
||||
|
||||
Dato l'array seguente `allStudents` rappresentare tutti gli studenti e le loro valutazioni, costruire un nuvo array `studentsWhoPass` che contiene tutti gli studenti che hanno superato la prova.
|
||||
|
||||
> SUGGERIMENTO, usare un ciclo for, if...else e gli operatori di confronto:
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## Rubrica
|
||||
|
||||
| Criterio | Eccellente | Sufficiente | Necessita Miglioramenti |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | Viene presentata la soluzione completa | Viene presentata la soluzione parziale | La soluzione presentata ha bug |
|
||||
@@ -1,40 +0,0 @@
|
||||
# 演算子
|
||||
|
||||
## 説明書
|
||||
|
||||
演算子で遊んでみる。あなたが実装できるプログラムの提案です。
|
||||
|
||||
あなたは2つの異なる成績評価システムの学生のセットを持っています。
|
||||
|
||||
### ファーストグレーディングシステム
|
||||
|
||||
1つの成績評価システムは、1～5までの成績で、3以上の成績は合格を意味すると定義されています。
|
||||
|
||||
### セカンドグレーディングシステム
|
||||
|
||||
もう一つのグレードシステムは、`A, A-, B, B-, C, C-` というグレードがあり、`A` が最高グレード、`C` が最低合格グレードです。
|
||||
|
||||
### タスク
|
||||
|
||||
すべての学生とその成績を表す以下の配列 `allStudents` が与えられた場合、合格した学生を含む新しい配列 `studentsWhoPass` を作成します。
|
||||
|
||||
> ヒント: for ループと if...else と比較演算子を使用します。
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-'
|
||||
1,
|
||||
4
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## ルーブリック
|
||||
|
||||
| 基準 | 模範的な例 | 適切な | 改善が必要 |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | 完全なソリューションを提示 | 部分的な解決策を提示 | バグがある解決策を提示 |
|
||||
@@ -1,40 +0,0 @@
|
||||
# 연산자
|
||||
|
||||
## 설명
|
||||
|
||||
연산자를 연습해봅니다. 여러분이 구현해볼 만한 프로그램을 제안해 드립니다.
|
||||
|
||||
서로 다른 방식으로 등급을 매기는 두 개의 시스템과 그 시스템에 속한 학생들이 있습니다.
|
||||
|
||||
### 첫번째 등급 시스템
|
||||
|
||||
이 등급 시스템은 1-5점으로 등급을 나눕니다. 3점 이상이면 과정을 통과했다는 의미입니다.
|
||||
|
||||
### 두번째 등급 시스템
|
||||
|
||||
다른 등급 시스템은 `A, A-, B, B-, C, C-` 등급이 있습니다. `A`가 가장 높은 등급이고 `C`가 가장 낮은 등급입니다.
|
||||
|
||||
### 과제
|
||||
|
||||
학생들과 그들의 등급의 정보가 담긴 배열 `allStudents` 이 주어집니다. 과정을 통과한 학생들을 담은 새로운 배열 `studentsWhoPass`을 만들어 주시면 됩니다.
|
||||
|
||||
> 팁, for-loop, if...else 그리고 비교 연산자를 사용해 보시기 바랍니다.
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## 평가 기준
|
||||
|
||||
기준 | 모범 답안 | 적당한 답안 | 개선이 필요한 답안
|
||||
--- | --- | --- | ---
|
||||
| 완전히 정답인 경우 | 부분적으로 정답인 경우 | 버그가 있는 경우
|
||||
@@ -1,40 +0,0 @@
|
||||
# Pengendali
|
||||
|
||||
## Arahan
|
||||
|
||||
Main dengan pengendali. Berikut adalah cadangan untuk program yang boleh anda laksanakan:
|
||||
|
||||
Anda mempunyai sekumpulan pelajar dari dua sistem penggredan yang berbeza.
|
||||
|
||||
### Sistem penggredan pertama
|
||||
|
||||
Sistem penggredan pertama ditakrifkan sebagai gred dari 1-5 di mana 3 dan ke atas bermaksud anda lulus kursus.
|
||||
|
||||
### Sistem penggredan kedua
|
||||
|
||||
Sistem gred lain mempunyai gred berikut `A, A-, B, B-, C, C-` di mana `A` adalah gred teratas dan` C` adalah gred lulus terendah.
|
||||
|
||||
### Tugasan
|
||||
|
||||
Memandangkan susunan berikut `allStudents` yang mewakili semua pelajar dan gred mereka, bina array baru` studentsWhoPass` yang mengandungi semua pelajar yang lulus.
|
||||
|
||||
> TIP, gunakan (for-loop) dan (if...else) dan perbandingan pengendali:
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## Rubrik
|
||||
|
||||
| Kriteria | Contoh | Mencukupi | Usaha Lagi |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | Penyelesaian lengkap dikemukakan | Penyelesaian separuh dikemukakan | Penyelesaian dengan pepijat dikemukakan |
|
||||
@@ -1,40 +0,0 @@
|
||||
# Operatoren
|
||||
|
||||
## Instructies
|
||||
|
||||
Speel met operatoren. Hier is een suggestie voor een programma dat u kunt implementeren:
|
||||
|
||||
U hebt een groep studenten uit twee verschillende beoordelingssystemen.
|
||||
|
||||
### Eerste beoordelingssysteem
|
||||
|
||||
Een beoordelingssysteem wordt gedefinieerd met cijfers van 1-5, waarbij 3 en hoger betekent dat u slaagt voor de cursus.
|
||||
|
||||
### Tweede beoordelingssysteem
|
||||
|
||||
Het andere cijfer systeem heeft de volgende cijfers `A, A-, B, B-, C, C-` waarbij `A` het hoogste cijfer is en `C` het laagste voldoende is.
|
||||
|
||||
### De taak
|
||||
|
||||
Gegeven de volgende array `allStudents` die alle studenten en hun cijfers vertegenwoordigt, construeert u een nieuwe array `studentsWhoPass` met daarin alle studenten die slagen.
|
||||
|
||||
> TIP, gebruik een for-loop, if...else en vergelijkingsoperatoren:
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## Rubriek
|
||||
|
||||
| Criteria | Voorbeeldig | Voldoende | Moet worden verbeterd |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | De complete oplossing wordt gepresenteerd | Gedeeltelijke oplossing wordt gepresenteerd | Oplossing met bugs wordt gepresenteerd |
|
||||
@@ -1,40 +0,0 @@
|
||||
# Operadores
|
||||
|
||||
## Instruções
|
||||
|
||||
Brinque com os operadores. Aqui está uma sugestão para um programa que você pode implementar:
|
||||
|
||||
Você tem um conjunto de alunos de dois sistemas de notas diferentes.
|
||||
|
||||
### Primeiro sistema de notas
|
||||
|
||||
Um sistema de notas é definido como notas de 1 a 5, onde 3 e acima significa que você passou no curso.
|
||||
|
||||
### Segundo sistema de notas
|
||||
|
||||
O outro sistema de notas tem as seguintes notas `A, A-, B, B-, C, C-` onde `A` é a nota mais alta e` C` é a nota mais baixa para passar.
|
||||
|
||||
### A tarefa
|
||||
|
||||
Dado o seguinte array `allStudents` representando todos os alunos e suas notas, construa um novo array` studentsWhoPass` contendo todos os alunos que passam.
|
||||
|
||||
> DICA, use um loop for e if ... else e operadores de comparação:
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## Rubrica
|
||||
|
||||
| Critério | Exemplar | Adequada | Precisa de melhorias |
|
||||
| -------- | ------------------------------ | ----------------------------- | ------------------------------- |
|
||||
| | A solução completa foi apresentada | A solução parcial foi apresentada | A solução foi apresentada com bugs |
|
||||
@@ -1,40 +0,0 @@
|
||||
# 运算符
|
||||
|
||||
## 说明
|
||||
|
||||
玩转运算符。这里有一个你可以尝试去实现的程序的建议：
|
||||
|
||||
你有一群来自两种不同评分系统的学生。
|
||||
|
||||
### 第一种评分系统
|
||||
|
||||
一种评分系统的分数范围是 1-5，其中 3 及以上代表合格。
|
||||
|
||||
### 第二种评分系统
|
||||
|
||||
另一种评分系统有这些分数：`A, A-, B, B-, C, C-`，其中 `A` 是最好的分数，`C` 是最低的合格分数。
|
||||
|
||||
### 任务
|
||||
|
||||
有下方数组 `allStudents`，表示所有学生和它们的分数，构造一个包含所有合格的学生的新数组 `studentWhoPass`。
|
||||
|
||||
> 提示：可利用 for 循环、if...else 语句和比较运算符
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## 评价表
|
||||
|
||||
| 指标 | 优秀 | 良好 | 尚可进步 |
|
||||
| --- | --- | --- | --- |
|
||||
| | 给出了完整解答 | 给出了部分解答 | 解答中存在 Bug |
|
||||
@@ -1,41 +0,0 @@
|
||||
# 運算子
|
||||
|
||||
## 簡介
|
||||
|
||||
把玩並熟悉運算子。以下是建議的練習程式模板：
|
||||
|
||||
你有兩套提供給同一組學生的成績系統。
|
||||
|
||||
### 第一套成績系統
|
||||
|
||||
定義分數為 1 到 5。當分數 3 以上時通過測驗。
|
||||
|
||||
### 第二套成績系統
|
||||
|
||||
定義分數為 `A, A-, B, B-, C, C-`， `A` 為最高分而 `C` 為最低分，皆為通過測驗。
|
||||
|
||||
### 課題
|
||||
|
||||
使用下列矩陣 `allStudents` 表示所有學生的成績，試著建立新的矩陣 `studentsWhoPass` 包含所有通過學生的編號。
|
||||
|
||||
> 提示，使用 for-loop 迴圈、 if...else 條件式與比較運算子：
|
||||
|
||||
```javascript
|
||||
let allStudents = [
|
||||
'A',
|
||||
'B-',
|
||||
1,
|
||||
4,
|
||||
5,
|
||||
2
|
||||
]
|
||||
|
||||
let studentsWhoPass = [];
|
||||
```
|
||||
|
||||
## 學習評量
|
||||
|
||||
| 作業內容 | 優良 | 普通 | 待改進 |
|
||||
| -------- | ---------------------- | ------------------------ | ---------- |
|
||||
| | 提供完整的解答與解釋。 | 只提供部分的解答與解釋。 | 解答有誤。 |
|
||||
|
||||
Reference in New Issue
Block a user