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 + bprzypisuje wartość4 + 2do (obecnie 6 ).b = a - bprzypisuje wartość6 - 2b (obecnie 4 ).a = a - bprzypisz wartość6 - 4do (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, trueczy 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 bprzypisuje wartość4 2do (obecnie 6 ).b = a bprzypisuje wartość6 2b (obecnie 4 ).a = a bprzypisz wartość6 4do (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).








