Heim  >  Artikel  >  Web-Frontend  >  So konvertieren Sie zwei Variablen mit es6

So konvertieren Sie zwei Variablen mit es6

青灯夜游
青灯夜游Original
2022-10-24 18:20:522254Durchsuche

4 Implementierungen: 1. Verwenden Sie die binäre XOR-Methode zum Austauschen von Werten, Syntax „a = a ^ b; b = a ^ b; a = a ^ b;“ oder „a=(b^=a^= b)^“. a;“; 2. Verwenden Sie Array-Indizes zum Austausch, Syntax „a=[a, b];b=a[0];a=a[1]“; 3. Spezielle Array-Ersetzungsmethode, Syntax „a = [ b, b = a][0]; „; 4. Extrahieren Sie Werte und weisen Sie sie Array-Elementen zu. Die Syntax lautet „[a, b] = [b, a];“.

So konvertieren Sie zwei Variablen mit es6

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6, Dell G3-Computer.

es6 4 Möglichkeiten, die Konvertierung zweier Variablen zu realisieren

Methode 1: XOR-Substitutionsmethode

Programmanalyse: Hier wird die binäre XOR-Methode zum Austausch von Werten verwendet. Eigenschaften von XOR: Die gleiche Zahl ist 0 und die ungerade Zahl ist 1; die vom Benutzer eingegebenen Werte werden jeweils in Binärwerte umgewandelt, und bevor XOR ausgeführt wird, ist das XOR-Symbol in JS nach zwei XORs Es ist immer noch das gleiche Prinzip, man kann den Austausch zweier Zahlen realisieren.

Hinweis: Seine Transformationsform: a = (b^=a^=b)^a; [Eine Codezeile zum Vervollständigen der Zwei-Zahlen-Ersetzung]

nbsp;html>



    <meta>
    <meta>
    <meta>
    <title>Document</title>



    <script>
        // 方法一:异或置换法(同数为0,异数为1)
        var a = prompt(&#39;请输入a的值&#39;);
        var b = prompt(&#39;请输入b的值&#39;);
        a = a ^ b;
        b = a ^ b;
        a = a ^ b;
        //a = (b ^= a ^= b) ^ a; //与上面三行实现同理只是变成一行代码
        document.write(&#39;交换后a的值是&#39; + a + &#39;<br>&#39;, &#39;交换后b的值是&#39; + b);
    </script>


Laufendes Ergebnis:

So konvertieren Sie zwei Variablen mit es6

So konvertieren Sie zwei Variablen mit es6

So konvertieren Sie zwei Variablen mit es6

Methode Zwei: Spezielle Array-Ersetzungsmethode [Erweitert]

Programmanalyse: Hier wird eine spezielle Array-Methode verwendet, um zwei Zahlen direkt umzuwandeln 6 , b=9, dann gibt es a=[9,b=a][0]>>>a=[9,b=6][0]>>>a=[9,6 ][ 0]>>>b=6>>>a[0]=9>>>a=9.

nbsp;html>



    <meta>
    <meta>
    <meta>
    <title>Document</title>



    <script>
        // 方法二:数组置换法
        var a = prompt(&#39;请输入a的值&#39;);
        var b = prompt(&#39;请输入b的值&#39;);
        a = [b, b = a][0]; 
        document.write(&#39;交换后a的值是&#39; + a + &#39;<br>&#39;, &#39;交换后b的值是&#39; + b);
    </script>


Methode 3: Gewöhnliche Array-Ersetzungsmethode

Programmanalyse: Hier wird die gewöhnliche Array-Ersetzungsmethode verwendet. Zuerst werden die Werte von a und b gespeichert a[a,b] Weisen Sie in diesem Array zuerst den Wert von a[0] zu und dann den Wert von a[1] zu a. Andernfalls sind die Werte von a und b gleich.

nbsp;html>



    <meta>
    <meta>
    <meta>
    <title>Document</title>



    <script>
        // 方法三:数组普通置换法
        var a = prompt(&#39;请输入a的值&#39;);
        var b = prompt(&#39;请输入b的值&#39;);
        a = [a, b]; //接收用户输入的值
        document.write(&#39;交换前a,b的值是&#39; + a + &#39;<br>&#39;);
        b = a[0]; //将第一值赋给b必须写在a的前面
        a = a[1]; //将第二值赋给a
        document.write(a);
        document.write(b);
    </script>


Methode 4: ES6-Zuweisungsmethode

Programmanalyse: Hier wird die ES6-Ersetzungsmethode verwendet. Da ES6 es uns ermöglicht, Arrays und Objekte zu extrahieren, kann die Variablenzuweisung durchgeführt werden direkter Austausch zweier Zahlen.

nbsp;html>



    <meta>
    <meta>
    <meta>
    <title>Document</title>



    <script>
        // 方法四:ES6赋值法
        var a = prompt(&#39;请输入a的值&#39;);
        var b = prompt(&#39;请输入b的值&#39;);
        [a, b] = [b, a];
        document.write(&#39;交换后a的值是&#39; + a + &#39;<br>&#39;, &#39;交换后b的值是&#39; + b);
    </script>


【Verwandte Empfehlungen: Javascript-Video-Tutorial, Programmiervideo

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie zwei Variablen mit es6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Wozu dient das ES6-Set?Nächster Artikel:Wozu dient das ES6-Set?