W tym przykładzie nauczysz się pisać program do zamiany dwóch zmiennych w JavaScript przy użyciu różnych metod.
Aby zrozumieć ten przykład, powinieneś znać następujące tematy programowania JavaScript:
- Zmienne i stałe JavaScript
- Operatory JavaScript
Przykład 1: Korzystanie ze zmiennej tymczasowej
//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)`);
Wynik
Podaj pierwszą zmienną: 4 Podaj drugą zmienną: 2 Wartość a po zamianie: 2 Wartość b po zamianie: 4
Tutaj,
- Stworzyliśmy zmienną tymczasową do tymczasowego przechowywania wartości a.
- Wartość b przypisaliśmy a.
- Wartość temp jest przypisana do b
W rezultacie wartości zmiennych są zamieniane.
Uwaga: przy użyciu tej metody można również zamieniać ciągi znaków lub inne typy danych.
Przykład 2: Wykorzystanie es6 (ES2015) Destrukturyzacja
//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)`);
Wynik
Podaj pierwszą zmienną: 4 Podaj drugą zmienną: 2 Wartość a po zamianie: 2 Wartość b po zamianie: 4
W tym przypadku nowa funkcja es6, zwana przypisaniem destrukturyzującym (a, b) = (b, a)
, służy do zamiany wartości dwóch zmiennych. Jeśli (a, b) = (1, 2, 3)
wartość a będzie wynosić 1, a wartość b będzie wynosić 2 .
- Najpierw tworzona jest tymczasowa tablica (b, a). Tutaj wartość (b, a) będzie
(2, 4)
. - Następuje destrukturyzacja tablicy, tj
(a, b) = (2, 4)
.
W rezultacie wartości zmiennych są zamieniane.
Możesz dowiedzieć się więcej o destrukturyzacji w przypisaniu niszczącym JavaScript.
Uwaga : przy użyciu tej metody można również zamieniać ciągi znaków lub inne typy danych.
Możesz również zamieniać wartości zmiennej za pomocą operatorów arytmetycznych .
Przykład 3: Korzystanie z operatorów arytmetycznych
//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)`);
Wynik
Podaj pierwszą zmienną: 4 Podaj drugą zmienną: 2 Wartość a po zamianie: 2 Wartość b po zamianie: 4
Ta metoda używa tylko dwóch zmiennych i zamienia wartości zmiennych za pomocą operatorów arytmetycznych +
i -
.
Tutaj parseInt()
jest używany, ponieważ prompt()
pobiera dane wejściowe od użytkownika jako ciąg. Po dodaniu ciągów liczbowych zachowuje się jak ciąg. Na przykład '2' + '3' = '23'
. Więc parseInt()
konwertuje ciąg liczbowy na liczbę.
Aby dowiedzieć się więcej o konwersji typu, przejdź do sekcji Konwersje typu JavaScript.
Zobaczmy, jak powyższy program zamienia wartości. Początkowo a to 4, a b to 2 .
a = a + b
przypisuje wartość4 + 2
do (obecnie 6 ).b = a - b
przypisuje wartość6 - 2
b (obecnie 4 ).a = a - b
przypisz wartość6 - 4
do (teraz 2).
Ostatecznie a to 2, a b to 4 .
Uwaga : Możesz użyć operatorów arytmetycznych ( +
, -
), jeśli obie zmienne są typu liczbowego.
Przykład 4: użycie operatora bitowego XOR
//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)`);
Wynik
Podaj pierwszą zmienną: 4 Podaj drugą zmienną: 2 Wartość a po zamianie: 2 Wartość b po zamianie: 4
Operator bitowego XOR oblicza, true
czy oba operandy są różne. Aby dowiedzieć się więcej o operatorach bitowych, odwiedź Operatory bitowe JavaScript.
Zobaczmy, jak powyższy program zamienia wartości. Początkowo a to 4, a b to 2 .
a = a b
przypisuje wartość4 2
do (obecnie 6 ).b = a b
przypisuje wartość6 2
b (obecnie 4 ).a = a b
przypisz wartość6 4
do (teraz 2).
Ostatecznie a to 2, a b to 4 .
Uwaga : tej metody można używać tylko dla wartości całkowitych (liczb całkowitych).