In diesem Beispiel lernen Sie, ein Programm zu schreiben, um zwei Variablen in JavaScript mit verschiedenen Methoden auszutauschen.
Um dieses Beispiel zu verstehen, sollten Sie die folgenden JavaScript-Programmierthemen kennen:
- JavaScript-Variablen und -Konstanten
- JavaScript-Operatoren
Beispiel 1: Verwenden einer temporären Variablen
//JavaScript program to swap two variables //take input from the users let a = prompt('Enter the first variable: '); let b = prompt('Enter the second variable: '); //create a temporary variable let temp; //swap variables temp = a; a = b; b = temp; console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Ausgabe
Geben Sie die erste Variable ein: 4 Geben Sie die zweite Variable ein: 2 Der Wert von a nach dem Tauschen: 2 Der Wert von b nach dem Tauschen: 4
Hier,
- Wir haben eine temporäre Variable erstellt, um den Wert von a vorübergehend zu speichern.
- Wir haben a den Wert von b zugewiesen.
- Der Wert von temp wird b zugewiesen
Infolgedessen wird der Wert der Variablen ausgetauscht.
Hinweis: Mit dieser Methode können Sie auch Zeichenfolgen oder andere Datentypen austauschen.
Beispiel 2: Verwenden von es6 (ES2015) Destrukturierungszuweisung
//JavaScript program to swap two variables //take input from the users let a = prompt('Enter the first variable: '); let b = prompt('Enter the second variable: '); //using destructuring assignment (a, b) = (b, a); console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Ausgabe
Geben Sie die erste Variable ein: 4 Geben Sie die zweite Variable ein: 2 Der Wert von a nach dem Tauschen: 2 Der Wert von b nach dem Tauschen: 4
Hier wird eine neue es6-Funktion namens Destructuring Assignment (a, b) = (b, a)
verwendet, um den Wert zweier Variablen auszutauschen . Wenn (a, b) = (1, 2, 3)
, ist der Wert von a 1 und der Wert von b ist 2 .
- Zuerst wird ein temporäres Array (b, a) erstellt. Hier ist der Wert von (b, a)
(2, 4)
. - Die Destrukturierung des Arrays erfolgt, dh
(a, b) = (2, 4)
.
Infolgedessen wird der Wert der Variablen ausgetauscht.
Weitere Informationen zur Destrukturierung finden Sie unter JavaScript Destructing Assignment.
Hinweis : Mit dieser Methode können Sie auch Zeichenfolgen oder andere Datentypen austauschen.
Sie können die Werte der Variablen auch mithilfe der arithmetischen Operatoren austauschen .
Beispiel 3: Verwenden von arithmetischen Operatoren
//JavaScript program to swap two variables //take input from the users let a = parseInt(prompt('Enter the first variable: ')); let b = parseInt(prompt('Enter the second variable: ')); // addition and subtraction operator a = a + b; b = a - b; a = a - b; console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Ausgabe
Geben Sie die erste Variable ein: 4 Geben Sie die zweite Variable ein: 2 Der Wert von a nach dem Tauschen: 2 Der Wert von b nach dem Tauschen: 4
Diese Methode verwendet nur die beiden Variablen und tauscht den Wert der Variablen mit arithmetischen Operatoren +
und aus -
.
Hier parseInt()
wird verwendet, weil prompt()
Eingaben vom Benutzer als Zeichenfolge verwendet werden. Und wenn numerische Zeichenfolgen hinzugefügt werden, verhält es sich wie eine Zeichenfolge. Zum Beispiel '2' + '3' = '23'
. So parseInt()
konvertiert einen numerischen String - Nummer.
Weitere Informationen zur Typkonvertierung finden Sie unter JavaScript-Typkonvertierungen.
Mal sehen, wie das obige Programm Werte austauscht. Anfangs ist a 4 und b 2 .
a = a + b
weist den Wert a4 + 2
zu (jetzt 6 ).b = a - b
weist den Wert6 - 2
b zu (jetzt 4 ).a = a - b
Weisen Sie den Wert a6 - 4
zu (jetzt 2).
Schließlich ist a 2 und b 4 .
Hinweis : Sie können arithmetische Operatoren ( +
, -
) verwenden, wenn beide Variablen vom Typ Zahl sind.
Beispiel 4: Verwenden des bitweisen XOR-Operators
//JavaScript program to swap two variables //take input from the users let a = prompt('Enter the first variable: '); let b = prompt('Enter the second variable: '); // XOR operator a = a b b = a b a = a b console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Ausgabe
Geben Sie die erste Variable ein: 4 Geben Sie die zweite Variable ein: 2 Der Wert von a nach dem Tauschen: 2 Der Wert von b nach dem Tauschen: 4
Der bitweise XOR-Operator wertet aus, true
ob beide Operanden unterschiedlich sind. Weitere Informationen zu bitweisen Operatoren finden Sie unter JavaScript-bitweise Operatoren.
Mal sehen, wie das obige Programm Werte austauscht. Anfangs ist a 4 und b 2 .
a = a b
weist den Wert a4 2
zu (jetzt 6 ).b = a b
weist den Wert6 2
b zu (jetzt 4 ).a = a b
Weisen Sie den Wert a6 4
zu (jetzt 2).
Schließlich ist a 2 und b 4 .
Hinweis : Sie können diese Methode nur für ganzzahlige Werte (ganze Zahlen) verwenden.