Heim > Web-Frontend > js-Tutorial > Lassen Sie uns über JavaScript-Operatoren sprechen

Lassen Sie uns über JavaScript-Operatoren sprechen

WBOY
Freigeben: 2022-08-03 17:39:11
nach vorne
1963 Leute haben es durchsucht
<p>Dieser Artikel vermittelt Ihnen relevantes Wissen über <a href="https://www.php.cn/course/list/17.html" target="_blank" textvalue="javascript视频教程">Javascript</a>, das hauptsächlich verwandte Themen zu Operatoren vorstellt und zur Implementierung von Funktionen wie Zuweisung, Vergleich und arithmetischen Operationen verwendet wird Ich hoffe, es wird für alle hilfreich sein. </p> <p><img src="https://img.php.cn/upload/article/000/000/067/62ea421337ce7665.jpg" alt="Lassen Sie uns über JavaScript-Operatoren sprechen" ></p> <p>[Verwandte Empfehlungen: <a href="https://www.php.cn/course/list/17.html" target="_blank" textvalue="javascript视频教程">Javascript-Video-Tutorial</a>, <a href="https://www.php.cn/course/list/1.html" target="_blank">Web-Frontend</a>]</p> <p>Operator, auch Operator genannt, ist ein Symbol zum Implementieren von Funktionen wie Zuweisung, Vergleich und Durchführung arithmetischer Operationen. </p> <p><strong>Häufig verwendete Operatoren in JavaScript sind: </strong></p> <ul> <li>Arithmetische Operatoren</li> <li>Inkrementierungs- und Dekrementierungsoperatoren</li> <li>Vergleichsoperatoren</li> <li>Logische Operatoren</li> <li>Zuweisungsoperatoren</li> </ul> <h2>Arithmetische Operatoren</h2> <p>Konzept: A. Symbol Wird von arithmetischen Operationen verwendet, um Arithmetische Operationen an zwei Variablen oder Werten durchführen. </p> <table> <thead><tr class="firstRow"> <th>Operator</th> <th>Beschreibung</th> <th>Instanz</th> </tr></thead> <tbody> <tr> <td>+</td> <td>plus</td> <td>10+20=30</td> </tr> <tr> <td>-</td> <td>min uns</td> <td>20-10=10</td> </tr> <tr> <td>* </td> <td>Multiplizieren</td> <td>10*20=200</td> </tr> <tr> <td>/</td> <td>dividieren</td> <td>10/20=0,5</td> </tr> <tr> <td>%</td> <td>Nehmen Sie den Rest (Modulo)</td> <td>Gib den Rest der Division zurück. 9%2= 1 </td> </tr> </tbody> </table> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(1 + 1); //2     console.log(1 - 1); //0     console.log(1 * 1); //1     console.log(1 / 1); //1     console.log(4 % 2); //0</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Gleitkommazahlen weisen bei arithmetischen Operationen Fehler auf (vermeiden Sie die direkte Teilnahme an Berechnungen): </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(0.1 + 0.2); //0.30000000000000004</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p> kann nicht direkt bestimmen, ob zwei Gleitkommazahlen gleich sind. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var num = 0.1 + 0.2;     console.log(num == 0.3); //false</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <ul> <li>Arithmetische Operatorpriorität: Multiplikation und Division zuerst, Addition und Subtraktion </li> <li>Sie können den %-Restoperator verwenden, um zu bestimmen, ob eine Zahl teilbar ist </li> </ul> <p><strong>Ausdruck und Rückgabewert: </strong></p> <p>Durch Zahlen, Operatoren Eine Formel bestehend aus , Variablen usw. wird als Ausdruck bezeichnet. </p> <p>Ausdrücke werden uns schließlich ein Ergebnis zurückgeben, das wir den Rückgabewert nennen. </p> <h2>Inkrementierungs- und Dekrementierungsoperatoren</h2> <p>Wenn Sie wiederholt 1 zu einer numerischen Variablen addieren oder subtrahieren müssen, können Sie die Inkrementierungs- (<code>++</code>) und Dekrementierungsoperatoren (<code>--</code>) verwenden ) Operatoren zu vervollständigen. <code>++</code>)和递减(<code>--</code>)运算符来完成。</p> <p><strong>繁琐写法:</strong></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var num = 1;     num = num + 1;     num = num + 1;     console.log(num); //3</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <h3><strong>前置递增运算符:</strong></h3> <p><code>++</code>写在变量的前面</p> <p><code>++num</code>前置递增就是自加1,类似于 <code>num=num+1</code></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var age = 10;     ++age;     console.log(age);//11 类似于age = age + 1</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong>使用口诀:</strong>先自加,后返回值</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(age);     var a = 10;     console.log(++a + 10); //(10+1)+10=21</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <h3>后置递增运算符</h3> <p><code>++</code>写在变量的后面</p> <p><code>num++</code>后置递增,就是自加1,类似于 <code>num=num+1</code></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var age = 10;     age++;     console.log(age);//11 类似于age = age + 1</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong>使用口诀:</strong>先返回原值,后自加</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var a = 10;     console.log(a++ + 10); //10+10=20     console.log(a); //11</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <h3>区别总结</h3> <ul> <li>前置递增和后置递增运算符可以简化代码的编写,让变量的值+1比以前写法更简单。</li> <li>单独使用时,运行结果相同。</li> <li>与其他代码联用时,执行结果会不同。</li> <li>前置:先自加,后运算(<strong>先己后人</strong>)</li> <li>后置:先原值运算,后自加(<strong>先人后己</strong>)</li> <li>开发时,大多使用后置递增/递减,并且代码独占一行。例:<code>num++;</code> </li> </ul>Umständliche Schreibmethode: <p><strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var e = 10;     var f = e++ + ++e; //1.e++=10 e=11  2.++e=12 f=10+12     console.log(f); //22</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <h3></h3></strong>Inkrementoperator mit Präfix: </p> <h2> <code>++</code> wird vor die Variable geschrieben</h2> <p><code>++num Code >Pre-Inkrement bedeutet Erhöhen um 1, ähnlich wie <code>num=num+1</code><strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(2 <= 5); //true console.log(&#39;岳泽以&#39; = &#39;个人博客&#39;); //false console.log(17 == &#39;17&#39;); //true 默认转换数据类型,字符串型转换为数字型 console.log(17 = &#39;17&#39;); //false 数据类型不同,要求值和数据类型一致</pre><div class="contentsignin">Nach dem Login kopieren</div></div></strong><strong>Verwendungsformel: </strong>Erst inkrementieren, dann den Wert zurückgeben</p><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(3 > 5 && 3 > 2); //false     console.log(3 < 5 && 3 < 7); //true</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><h3>Post-Inkrement-Operator</ h3><table><code>++</code> wird geschrieben, nachdem die Variable <thead><tr class="firstRow"><code>num++</code> post-inkrementiert wurde, was bedeutet, dass 1 zu sich selbst addiert wird, ähnlich wie bei <code>num=num+1< /code> <th><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(3 &gt; 5 &amp;&amp; 3 &gt; 2); //false     console.log(3 &lt; 5 &amp;&amp; 3 &lt; 7); //true</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div></th><th>Verwendungstipps: </th>Zuerst den ursprünglichen Wert zurückgeben und dann hinzufügen <th><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(!true); //false console.log(!false); //true</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><h3>Differenzzusammenfassung</h3></th><th>Die Vor- und Nachinkrementoperatoren können das Schreiben von Code und Make vereinfachen der Wert der Variablen +1 Das Schreiben ist einfacher als zuvor. </th></tr>Bei alleiniger Anwendung sind die Ergebnisse die gleichen. </thead><tbody>Bei Verwendung in Verbindung mit anderen Codes sind die Ausführungsergebnisse unterschiedlich. <tr><td>Präposition: Zuerst sich selbst addieren, dann Berechnungen durchführen (</td>Sich selbst zuerst vor anderen<td>) </td><td>Postposition: Zuerst Berechnung zum Originalwert durchführen, dann sich selbst addieren (</td>Sich selbst zuerst vor sich selbst<td>)</td></tr>Bei der Entwicklung verwenden die meisten Menschen Postinkrement /dekrementiert, und der Code befindet sich in einer eigenen Zeile. Beispiel: num++; , wird als Ergebnis der Vergleichsoperation ein boolescher Wert (wahr/falsch) zurückgegeben. <tr><td></td><td></td>Betreibername<td></td>Beschreibung<td></td>Fall</tr><tr>Ergebnis<td></td><td></td><td></td><<td></td>Kleiner-als-Zeichen</tr><tr>1>2<td></td>wahr<td> </td> <td></td>><td></td>Größer als Zahl<tr> 1&gt ;2<td></td>falsch<td></td> <td></td>>=<td></td>Größer-als-gleich-Zeichen (größer-gleich-Zeichen)</tr><tr>2>=2<td></td>wahr<td></td> <td></td><=<td></td>kleiner-gleich-Zeichen (kleiner oder gleich)</tr><tr> 2 se<td> </td><td></td>=== !==<td></td>Kongruent, Wert und Datentyp müssen konsistent sein<td></td>17==='17'</tr></tbody>falsch</table><table><thead> <tr class="firstRow"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(123 &amp;&amp; 456); //返回456,除了0以外的所有数字都为真。 console.log(123 &amp;&amp; 456 &amp;&amp; 789); //返回789,依次后推 console.log(0 &amp;&amp; 456); //0</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><th></th><th></th>Symbol<th></th>Funktion</tr></thead>Verwendung<tbody> <tr><td></td><td></td>=<td></td>Zuweisung</tr><tr>Legen Sie die rechte Seite auf die linke Seite<td></td><td></td>== <td></td>Beurteilen</tr><tr>Beurteilen Sie, ob die Werte auf beiden Seiten sind gleich (es gibt eine implizite Konvertierung)<td></td><td></td>===<td></td>Kongruent </tr></tbody> Bestimmen Sie, ob die Werte und Datentypen auf beiden Seiten genau gleich sind</table>🎜🎜🎜<h2>逻辑运算符</h2><p><strong>概念</strong>:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断。</p><table><thead><tr class="firstRow"><th>逻辑运算符</th><th>说明</th><th>案例</th></tr></thead><tbody><tr><td><code>&&</code></td><td>"逻辑与",简称“与”and</td><td>ture <code>&&</code>false</td></tr><tr><td><code>丨丨</code></td><td>"逻辑或",简称“或”or</td><td>ture <code>丨丨</code>false</td></tr><tr><td><code>!</code></td><td>"逻辑非",简称“非”not</td><td><code>!</code>true</td></tr></tbody></table><h3>逻辑与</h3><p>符号:<code>&& </code>相对于and</p><p>两侧都为 <code>true</code>结果才是 <code>true</code>,只要有一侧为 <code>false</code>,结果就为 <code>false</code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(3 > 5 && 3 > 2); //false     console.log(3 < 5 && 3 < 7); //true</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><h3>逻辑或</h3><p>符号:<code>||</code>相当于or</p><p>俩侧都为 <code>false</code>,结果才是 <code>false</code>,只要有一侧为 <code>true</code>,结果就是 <code>true</code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(3 > 5 && 3 > 2); //false     console.log(3 < 5 && 3 < 7); //true</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><h3>逻辑非</h3><p>符号:<code>!</code>相对于not</p><p>逻辑非也叫作取反符,用来取一个布尔值相反的值。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(!true); //false console.log(!false); //true</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><h3>短路运算(逻辑中断)</h3><p>短路运算的原理:当有多个表达式(值)时,左边的表达值可以确定结果时,就不再继续运算右边的表达式的值。</p><p><strong>逻辑与:</strong></p><ul><li><strong>语法</strong>:<code>表达式1 && 表达式2</code></li><li>如果第一个表达式的值为真,则返回表达上2</li><li>如果第一个表达式的值为假,则返回表达式1</li></ul><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(123 && 456); //返回456,除了0以外的所有数字都为真。 console.log(123 && 456 && 789); //返回789,依次后推 console.log(0 && 456); //0</pre><div class="contentsignin">Nach dem Login kopieren</div></div><div class="contentsignin">Nach dem Login kopieren</div></div><p><strong>逻辑或:</strong></p><ul><li><strong>语法</strong>:<code>表达式1 || 表达式2</code></li><li>如果表达式1结果为真,则返回表达式1</li><li>如果表达式1结果为假,则返回表达式2</li></ul><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(123 || 456); //123 console.log(123 || 456 || 123 + 456); //123 console.log(0 || 456 || 123 + 456); //456</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>注意:逻辑中断会造成短路操作,即不执行后面的代码,影响程序员的运行结果。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var num = 0; console.log(123 || num++); //逻辑中断造成num++未执行 console.log(num); //0</pre><div class="contentsignin">Nach dem Login kopieren</div></div><h2>赋值运算符</h2><p><strong>概念</strong>:用来把数据赋值给变量的运算符</p><table><thead><tr class="firstRow"><th>赋值运算符</th><th>说明</th><th>案例</th></tr></thead><tbody><tr><td>=</td><td>直接赋值</td><td>var name='岳泽以';</td></tr><tr><td>+=、-=</td><td>加、减一个数后再赋值</td><td>var age=10; age+=5; //15</td></tr><tr><td>*=、/=、%=</td><td>乘、除、取余后再赋值</td><td>var age=10; age*=5; //10</td></tr></tbody></table><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var num = 5; num += 10; console.log(num); //5+10=15 num *= 3; console.log(num); //15*3=45</pre><div class="contentsignin">Nach dem Login kopieren</div></div><h2>运算符优先级</h2><table><thead><tr class="firstRow"><th>优先级</th><th>运算符</th><th>顺序</th></tr></thead><tbody><tr><td>1</td><td>小括号</td><td><code>()</code></td></tr><tr><td>2</td><td>一元运算符</td><td><code>++</code> <code>--</code> <code>!</code></td></tr><tr><td>3</td><td>算术运算符</td><td>先 <code>*</code> <code>/ </code>后 <code>+</code> <code>-</code></td></tr><tr><td>4</td><td>关系运算符</td><td><code>> <code>>=</code> <code><</code> <code><=</code></td></tr><tr><td>5</td><td>相等运算符</td><td><code>==</code> <code>!=</code> <code>===</code> <code>!==</code></td></tr><tr><td>6</td><td>逻辑运算符</td><td>先 <code>&&</code>后 <code>丨丨</code></td></tr><tr><td>7</td><td>赋值运算符</td><td><code>=</code></td></tr><tr><td>8</td><td>逗号运算符</td><td><code>,</code></td></tr></tbody></table><ul><li>一元运算符里的逻辑非优先级很高。</li><li>逻辑与比逻辑或优先级高</li></ul><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(4 >= 6 || '我' != '你' && !(12 * 2 == 144) && true); //true     /*      逻辑运算符分四段     1.4 >= 6 得false     2.'我' != '你'得true     3.!(12 * 2 == 144)得ture     4.true     然后判断逻辑与:2与3得true 3和4得true      再判断逻辑或得:true      */<p>【相关推荐:<a href="https://www.php.cn/course/list/17.html" target="_blank" textvalue="javascript视频教程">javascript视频教程</a>、<a href="https://www.php.cn/course/list/1.html" target="_blank">web前端</a>】</p></code> </tr></pre><div class="contentsignin">Nach dem Login kopieren</div></div></strong></code></p>

Das obige ist der detaillierte Inhalt vonLassen Sie uns über JavaScript-Operatoren sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage