У цьому прикладі ви навчитеся писати програму для обміну двома змінними в JavaScript за допомогою різних методів.
Щоб зрозуміти цей приклад, ви повинні знати такі теми програмування JavaScript:
- Змінні та константи JavaScript
- Оператори JavaScript
Приклад 1: Використання тимчасової змінної
//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)`);
Вихідні дані
Введіть першу змінну: 4 Введіть другу змінну: 2 Значення a після обміну: 2 Значення b після обміну: 4
Ось,
- Ми створили тимчасову змінну, щоб тимчасово зберігати значення.
- Ми присвоїли значення b a.
- Значення temp присвоюється b
В результаті значення змінних обмінюються місцями.
Примітка. За допомогою цього методу ви також можете поміняти місцями рядки або інші типи даних.
Приклад 2: Використання es6 (ES2015) призначення деструктуризації
//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)`);
Вихідні дані
Введіть першу змінну: 4 Введіть другу змінну: 2 Значення a після обміну: 2 Значення b після обміну: 4
Тут нова функція es6, яка називається присвоєнням деструктуризації (a, b) = (b, a)
, використовується для обміну значеннями двох змінних. Якщо (a, b) = (1, 2, 3)
значення a буде 1, а значення b буде 2 .
- Спочатку створюється тимчасовий масив (b, a). Тут значення (b, a) буде
(2, 4)
. - Деструктуризація масиву зроблена, тобто
(a, b) = (2, 4)
.
В результаті значення змінних обмінюються місцями.
Ви можете дізнатись більше про деструктуризацію в JavaScript Destructing Assignment.
Примітка . За допомогою цього методу ви також можете поміняти місцями рядки або інші типи даних.
Ви також можете поміняти місцями значення змінної за допомогою арифметичних операторів.
Приклад 3: Використання арифметичних операторів
//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)`);
Вихідні дані
Введіть першу змінну: 4 Введіть другу змінну: 2 Значення a після обміну: 2 Значення b після обміну: 4
Цей метод використовує лише дві змінні і замінює значення змінних за допомогою арифметичних операторів +
і -
.
Тут parseInt()
використовується, оскільки prompt()
приймає введення від користувача як рядок. І коли додаються числові рядки, він поводиться як рядок. Наприклад, '2' + '3' = '23'
. Так parseInt()
перетворює числовий рядок у число.
Щоб дізнатися більше про перетворення типів, перейдіть до Перетворення типів JavaScript.
Давайте подивимося, як вищезазначена програма обмінює значення. Спочатку a дорівнює 4, а b дорівнює 2 .
a = a + b
присвоює значення4 + 2
a (зараз 6 ).b = a - b
присвоює значення6 - 2
b (зараз 4 ).a = a - b
присвоїти значення6 - 4
a (зараз 2).
Нарешті, a дорівнює 2, а b дорівнює 4 .
Примітка : Ви можете використовувати арифметичні оператори ( +
, -
), якщо обидві змінні мають числовий тип.
Приклад 4: Використання побітового оператора 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)`);
Вихідні дані
Введіть першу змінну: 4 Введіть другу змінну: 2 Значення a після обміну: 2 Значення b після обміну: 4
Побітовий оператор XOR оцінює, true
чи обидва операнди різні. Щоб дізнатись більше про побітові оператори, відвідайте JavaScript побітові оператори.
Давайте подивимося, як вищезазначена програма обмінює значення. Спочатку a дорівнює 4, а b дорівнює 2 .
a = a b
присвоює значення4 2
a (зараз 6 ).b = a b
присвоює значення6 2
b (зараз 4 ).a = a b
присвоїти значення6 4
a (зараз 2).
Нарешті, a дорівнює 2, а b дорівнює 4 .
Примітка : Цей метод можна використовувати лише для цілих чисел (цілого числа).