In dit voorbeeld leert u op verschillende manieren een programma te schrijven om twee variabelen in JavaScript uit te wisselen.
Om dit voorbeeld te begrijpen, moet u kennis hebben van de volgende JavaScript-programmeeronderwerpen:
- JavaScript-variabelen en constanten
- JavaScript-operators
Voorbeeld 1: een tijdelijke variabele gebruiken
//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)`);
Uitvoer
Voer de eerste variabele in: 4 Voer de tweede variabele in: 2 De waarde van a na verwisseling: 2 De waarde van b na verwisseling: 4
Hier,
- We hebben een tijdelijke variabele gemaakt om de waarde van een tijdelijk op te slaan.
- We hebben de waarde van b toegewezen aan a.
- De waarde van temp wordt toegewezen aan b
Hierdoor wordt de waarde van de variabelen omgewisseld.
Opmerking: u kunt met deze methode ook tekenreeksen of andere gegevenstypen omwisselen.
Voorbeeld 2: gebruik van es6 (ES2015) Destructureringstoewijzing
//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)`);
Uitvoer
Voer de eerste variabele in: 4 Voer de tweede variabele in: 2 De waarde van a na verwisseling: 2 De waarde van b na verwisseling: 4
Hier wordt een nieuwe es6-functie, genaamd destructureringstoewijzing (a, b) = (b, a)
, gebruikt om de waarde van twee variabelen om te wisselen. Als (a, b) = (1, 2, 3)
, de waarde van a is 1 en de waarde van b is 2 .
- Eerst wordt een tijdelijke array (b, a) gemaakt. Hier zal de waarde van (b, a) zijn
(2, 4)
. - De vernietiging van de array is voltooid, dwz
(a, b) = (2, 4)
.
Hierdoor wordt de waarde van de variabelen omgewisseld.
U kunt meer leren over destructurering in JavaScript Destructing Assignment.
Opmerking : u kunt met deze methode ook strings of andere gegevenstypen omwisselen.
U kunt de waarden van de variabele ook omwisselen met behulp van de rekenkundige operatoren.
Voorbeeld 3: Rekenkundige operatoren gebruiken
//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)`);
Uitvoer
Voer de eerste variabele in: 4 Voer de tweede variabele in: 2 De waarde van a na verwisseling: 2 De waarde van b na verwisseling: 4
Deze methode gebruikt alleen de twee variabelen en verwisselt de waarde van de variabelen met behulp van rekenkundige operatoren +
en -
.
Hier parseInt()
wordt gebruikt omdat prompt()
de invoer van de gebruiker als een string wordt gebruikt. En wanneer numerieke tekenreeksen worden toegevoegd, gedraagt het zich als een tekenreeks. Bijvoorbeeld '2' + '3' = '23'
. Dus parseInt()
converteert een numerieke reeks naar een getal.
Ga voor meer informatie over typeconversie naar JavaScript-typeconversies.
Laten we eens kijken hoe het bovenstaande programma waarden uitwisselt. Aanvankelijk is a 4 en b is 2 .
a = a + b
wijst de waarde toe4 + 2
aan a (nu 6 ).b = a - b
wijst de waarde toe6 - 2
aan b (nu 4 ).a = a - b
wijs de waarde toe6 - 4
aan a (nu 2).
Ten slotte is a 2 en b is 4 .
Opmerking : u kunt rekenkundige operatoren ( +
, -
) gebruiken als beide variabelen van het getaltype zijn.
Voorbeeld 4: Bitwise XOR-operator gebruiken
//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)`);
Uitvoer
Voer de eerste variabele in: 4 Voer de tweede variabele in: 2 De waarde van a na verwisseling: 2 De waarde van b na verwisseling: 4
Bitwise XOR-operator evalueert true
of beide operanden verschillend zijn. Bezoek JavaScript Bitwise Operators voor meer informatie over bitwise-operators.
Laten we eens kijken hoe het bovenstaande programma waarden uitwisselt. Aanvankelijk is a 4 en b is 2 .
a = a b
wijst de waarde toe4 2
aan a (nu 6 ).b = a b
wijst de waarde toe6 2
aan b (nu 4 ).a = a b
wijs de waarde toe6 4
aan a (nu 2).
Ten slotte is a 2 en b is 4 .
Opmerking : u kunt deze methode alleen gebruiken voor waarden van gehele getallen (gehele getallen).