Parlons des opérateurs JavaScript

<p>Cet article vous apporte des connaissances pertinentes sur <a href="https://www.php.cn/course/list/17.html" target="_blank" textvalue="javascript视频教程">javascript</a>, qui présente principalement des problèmes liés aux opérateurs. Les opérateurs sont également appelés opérateurs et sont utilisés pour implémenter des fonctions telles que l'affectation, la comparaison et les opérations arithmétiques. j'espère que cela sera utile à tout le monde. </p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/067/62ea421337ce7665.jpg" class="lazy" alt="Parlons des opérateurs JavaScript" ></p> <p>[Recommandations associées : <a href="https://www.php.cn/course/list/17.html" target="_blank" textvalue="javascript视频教程">tutoriel vidéo javascript</a>, <a href="https://www.php.cn/course/list/1.html" target="_blank">front-end web</a>]</p> <p>L'opérateur, également connu sous le nom d'opérateur, est un symbole utilisé pour implémenter des fonctions telles que l'affectation, la comparaison et l'exécution d'opérations arithmétiques. Les opérateurs couramment utilisés en JavaScript sont : utilisé par les opérations arithmétiques pour effectuer des opérations arithmétiques sur deux variables ou valeurs. </p> <p><strong></strong></p>Opérateur<ul> <li>Description</li> <li>Instance</li> <li> <li> <li>+</li> </ul>plus<h2></h2>10+20=30<p></p> <table> <thead>-<tr class="firstRow"> <th>moins </th> <th>20-10=10</th> <th></th> </tr>* </thead> <tbody>Multiplier<tr> <td>10*20=200</td> <td></td> <td>/</td> </tr>divise<tr> <td>10/20=0.5</td> <td></td> <td>%</td> </tr>Prendre le reste (modulo)<tr> <td>Renvoyer le reste de la division 9%2=1 </td> <td></td> <td><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">Copier après la connexion</div></div></td>Les nombres à virgule flottante auront des erreurs dans les opérations arithmétiques (évitez la participation directe aux calculs) : </tr> <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">Copier après la connexion</div></div> <tr> ne peut pas déterminer directement si deux nombres à virgule flottante sont égaux. <td><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">Copier après la connexion</div></div></td> <td>Priorité des opérateurs arithmétiques : multiplication et division d'abord, addition et soustraction </td> <td>Vous pouvez utiliser l'opérateur % reste pour déterminer si un nombre est divisible </td> </tr> <tr> <td>Expression et valeur de retour : </td> <td></td>Par nombres, opérateurs Une formule composé de , de variables, etc. est appelé une expression. <td></td>Les expressions finiront par nous renvoyer un résultat, que nous appelons la valeur de retour. </tr> </tbody>Opérateurs d'incrémentation et de décrémentation</table> <p>Si vous devez ajouter ou soustraire 1 à plusieurs reprises à une variable numérique, vous pouvez utiliser l'incrément (<code>++</code>) et la décrémentation (<code>--</code> ) opérateurs à compléter. </p> <p></p>Méthode d'écriture lourde : <ul> <li> <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">Copier après la connexion</div></div> <h3></h3> </li>Opérateur d'incrément préfixé : <li> <code>++</code> est écrit devant la variable</ul> <p><code>++num code >Pré-incrémenter signifie incrémenter de 1, similaire à <code>num=num+1</code><strong><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">Copier après la connexion</div></div></strong></code></p>Formule d'utilisation : <p>Incrémenter d'abord, puis renvoyer la valeur</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">Copier après la connexion</div></div> <h3 id="Opérateur-de-post-incrémentation-h-gt">Opérateur de post-incrémentation h3></h3> <p><code>++</code> est écrit après que la variable </p> <h2> <code>num++</code> soit post-incrémentée, ce qui signifie ajouter 1 par elle-même, similaire à <code>num=num+1 </code> </h2> <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">Copier après la connexion</div></div> <p><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 a = 10;     console.log(a++ + 10); //10+10=20     console.log(a); //11</pre><div class="contentsignin">Copier après la connexion</div></div> <h3 id="strong-前置递增运算符-strong"><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 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">Copier après la connexion</div></div> <p><strong>使用口诀：</strong>先自加，后返回值</p> <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">Copier après la connexion</div></div><h3 id="后置递增运算符">后置递增运算符</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;"><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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><p><strong>使用口诀：</strong>先返回原值，后自加</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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><h3 id="区别总结">区别总结</h3><ul><li>前置递增和后置递增运算符可以简化代码的编写，让变量的值+1比以前写法更简单。</li><li>单独使用时，运行结果相同。</li><li>与其他代码联用时，执行结果会不同。</li><li>前置：先自加，后运算（<strong>先己后人</strong>）</li><li>后置：先原值运算，后自加（<strong>先人后己</strong>）</li><li>开发时，大多使用后置递增/递减，并且代码独占一行。例：<code>num++;</code>Conseils d'utilisation : </li>Renvoyer d'abord la valeur d'origine, puis l'ajouter </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(!true); //false console.log(!false); //true</pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><h3 id="Résumé-des-différences">Résumé des différences</h3><p><strong>Les opérateurs pré-incrémentés et post-incrémentés peuvent simplifier l'écriture du code et rendre la valeur de la variable +1 L'écriture est plus simple qu'avant. </strong></p>Lorsqu'il est utilisé seul, les résultats sont les mêmes. <h2></h2>Lorsqu'ils sont utilisés conjointement avec d'autres codes, les résultats d'exécution seront différents. <p><strong>Préposition : ajoutez d'abord soi-même, puis effectuez des calculs (</strong>d'abord soi-même avant les autres<strong>) </strong></p>Postposition : effectuez d'abord un calcul sur la valeur d'origine, puis ajoutez-vous (<table>d'abord soi-même avant soi<thead>)<tr class="firstRow"><th>Lors du développement, la plupart des gens utilisent le post-incrémentation /decrements, et le code est sur sa propre ligne. Exemple : <code>num++;</code></th><th></th><th>Exercice : </th><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(123 && 456); //返回456，除了0以外的所有数字都为真。 console.log(123 && 456 && 789); //返回789，依次后推 console.log(0 && 456); //0</pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div></th>Opérateurs de comparaison</tr></thead><tbody>Concept : <tr>Les opérateurs de comparaison (opérateurs relationnels) sont des opérations utilisées lors de <td>la comparaison de deux données Symbole </td>, après l'opération de comparaison , une valeur booléenne (vrai/faux) sera renvoyée comme résultat de l'opération de comparaison. <td></td><td></td><td>Nom de l'opérateur</td></tr>Description<tr><td>Cas</td><td>Résultat</td><td></td><td></td></tr><<tr><td>moins que le signe</td><td>1>2<td>vrai</td> <td> </td>><tr> <td>Plus grand que le nombre</td> <td> 1> ;2</td> <td>faux</td> <td></td> </tr>>=<tr> <td>signe supérieur ou égal (supérieur ou égal à)</td> <td>2>=2</td> <td>vrai</td> <td></td> </tr><=<tr><td>inférieur ou signe égal (inférieur ou égal à)</td><td> 2 se</td> <td></td><td>=== !==</td></tr>Congruent, la valeur et le type de données doivent être cohérents<tr><td>17==='17'</td><td>false</td><td></td> <td><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); //123 console.log(123 || 456 || 123 + 456); //123 console.log(0 || 456 || 123 + 456); //456</pre><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div></td></tr></tbody></table>Symbole<table><thead>Fonction<tr class="firstRow"><th>Utilisation</th> <th></th><th></th></tr>=</thead><tbody>Affectation<tr><td>Mettez le côté droit sur le côté gauche</td><td></td><td>== </td></tr>Juge<tr><td>Juger si les valeurs des deux côtés sont égaux (il y a une conversion implicite)</td><td></td><td>===</td></tr>Congruent <tr><td> Déterminez si les valeurs et les types de données des deux côtés sont exactement les mêmes</td><td></td><td><h2 id="逻辑运算符">逻辑运算符</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 id="逻辑与">逻辑与</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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><h3 id="逻辑或">逻辑或</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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><h3 id="逻辑非">逻辑非</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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</div></div><h3 id="短路运算-逻辑中断">短路运算（逻辑中断）</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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</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;"><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">Copier après la connexion</div></div><div class="contentsignin">Copier après la connexion</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">Copier après la connexion</div></div><h2 id="赋值运算符">赋值运算符</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">Copier après la connexion</div></div><h2 id="运算符优先级">运算符优先级</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      */</code></pre><div class="contentsignin">Copier après la connexion</div></div> <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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!