JavaScript 演算子は次のように分類できます: 1. 一般的な数学演算を実行するために使用される算術演算子; 2. 変数に値を割り当てるために使用される代入演算子; 3. 文字列演算子; 4. 自動インクリメントデクリメント演算子、5. 比較演算子、6. 論理演算子、7. 三項演算子、8. ビット演算子。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
算術演算子
算術演算子は、加算、減算、乗算、除算などの一般的な数学演算を実行するために使用されます。以下の表に示されています。JavaScript でサポートされている算術演算子は、次のとおりです。
演算子 | 説明 | 例 |
---|---|---|
加算演算子 | xx y は、x に y を加えた合計を計算することを意味します | |
- | 減算演算子 | ##x - y は、x から y を引いた差を計算することを意味します|
##乗算演算子 | ##x * y は、x と y の積を計算します。 | |
除算演算子 | x / y は、x を y で割った商を計算します。 | |
モジュロ (剰余) 演算子 | x % y は、x を y で割った剰余を計算することを意味します |
复制纯文本复制
var x = 10, y = 4; console.log("x + y =", x + y); // 输出:x + y = 14 console.log("x - y =", x - y); // 输出:x - y = 6 console.log("x * y =", x * y); // 输出:x * y = 40 console.log("x / y =", x / y); // 输出:x / y = 2.5 console.log("x % y =", x % y); // 输出:x % y = 2
var x = 10, y = 4; console.log("x + y =", x + y); // 输出:x + y = 14 console.log("x - y =", x - y); // 输出:x - y = 6 console.log("x * y =", x * y); // 输出:x * y = 40 console.log("x / y =", x / y); // 输出:x / y = 2.5 console.log("x % y =", x % y); // 输出:x % y = 2
代入演算子代入演算子は、値を変数に代入するために使用されます。次の表は、サポートされている代入演算の一覧です。シンボル:
例 | = | |
---|---|---|
xx = 10 は、変数 x を 10 | に代入することを意味します。 | = |
#x = y は x と同等です= x y | -= | |
x -= y は x = x - y と同等です | *= | |
x *= y は x = x * y## と同等です | #/= | |
#x /= y は x = x / y と同等です | %= | |
x %= y は x = x % y | と同等です。サンプル コードは次のとおりです。 |
##
复制纯文本复制
var x = 10; x += 20; console.log(x); // 输出:30 var x = 12, y = 7; x -= y; console.log(x); // 输出:5 x = 5; x *= 25; console.log(x); // 输出:125 x = 50; x /= 10; console.log(x); // 输出:5 x = 100; x %= 15; console.log(x); // 输出:10
var x = 10; x += 20; console.log(x); // 输出:30 var x = 12, y = 7; x -= y; console.log(x); // 输出:5 x = 5; x *= 25; console.log(x); // 输出:125 x = 50; x /= 10; console.log(x); // 输出:5 x = 100; x %= 15; console.log(x); // 输出:10
JavaScript の および =
演算子は、 に加えて数学演算を実行でき、文字列の結合にも使用できます。
演算子は、演算子の左側と右側の文字列を結合することを意味します。
- =
演算子は、最初に文字列を連結し、次に結果を代入することを意味します演算子の左側の変数に代入します。
- サンプル コードは次のとおりです。
复制纯文本复制
var x = "Hello "; var y = "World!"; var z = x + y; console.log(z); // 输出:Hello World! x += y; console.log(x); // 输出:Hello World!
var x = "Hello "; var y = "World!"; var z = x + y; console.log(z); // 输出:Hello World! x += y; console.log(x); // 输出:Hello World!
自動インクリメント演算子と自動デクリメント演算子は、値に対して自動インクリメント (1) および自動デクリメント (-1) 演算を実行するために使用されます。変数の値を次の表に示します。JavaScript でサポートされるインクリメント演算子とデクリメント演算子:
Operator
x | インクリメント演算子 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
の値を返します。 x | インクリメント演算子 | xの値を返し、x | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
--x | デクリメント演算子##に1を加算します。 | #x を 1 減算し、xx | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
デクリメント演算子 | x の値を返します。次に、x を 1 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
运算符 | 名称 | 示例 |
---|---|---|
== | 等于 | x == y 表示如果 x 等于 y,则为真 |
=== | 全等 | x === y 表示如果 x 等于 y,并且 x 和 y 的类型也相同,则为真 |
!= | 不相等 | x != y 表示如果 x 不等于 y,则为真 |
!== | 不全等 | x !== y 表示如果 x 不等于 y,或者 x 和 y 的类型不同,则为真 |
小于 | x | |
> | 大于 | x > y 表示如果 x 大于 y,则为真 |
>= | 大于或等于 | x >= y 表示如果 x 大于或等于 y,则为真 |
小于或等于 | x |
示例代码如下:
var x = 25; var y = 35; var z = "25"; console.log(x == z); // 输出: true console.log(x === z); // 输出: false console.log(x != y); // 输出: true console.log(x !== z); // 输出: true console.log(x < y); // 输出: true console.log(x > y); // 输出: false console.log(x <= y); // 输出: true console.log(x >= y); // 输出: false
var x = 25; var y = 35; var z = "25"; console.log(x == z); // 输出: true console.log(x === z); // 输出: false console.log(x != y); // 输出: true console.log(x !== z); // 输出: true console.log(x < y); // 输出: true console.log(x > y); // 输出: false console.log(x <= y); // 输出: true console.log(x >= y); // 输出: false
逻辑运算符
逻辑运算符通常用来组合多个表达式,逻辑运算符的运算结果是一个布尔值,只能有两种结果,不是 true 就是 false。下表中列举了 JavaScript 中支持的逻辑运算符:
运算符 | 名称 | 示例 |
---|---|---|
&& | 逻辑与 | x && y 表示如果 x 和 y 都为真,则为真 |
|| | 逻辑或 | x || y 表示如果 x 或 y 有一个为真,则为真 |
! | 逻辑非 | !x 表示如果 x 不为真,则为真 |
示例代码如下:
var year = 2021; // 闰年可以被 400 整除,也可以被 4 整除,但不能被 100 整除 if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){ console.log(year + " 年是闰年。"); } else{ console.log(year + " 年是平年。"); }
var year = 2021; // 闰年可以被 400 整除,也可以被 4 整除,但不能被 100 整除 if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){ console.log(year + " 年是闰年。"); } else{ console.log(year + " 年是平年。"); }
三元运算符
三元运算符(也被称为条件运算符),由一个问号和一个冒号组成,语法格式如下:
条件表达式 ? 表达式1 : 表达式2 ;
如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。
示例代码如下:
var x = 11, y = 20; x > y ? console.log("x 大于 y") : console.log("x 小于 y"); // 输出:x 小于 y
var x = 11, y = 20; x > y ? console.log("x 大于 y") : console.log("x 小于 y"); // 输出:x 小于 y
位运算符
位运算符用来对二进制位进行操作,JavaScript 中支持的位运算符如下表所示:
运算符 | 描述 | 示例 |
---|---|---|
& | 按位与:如果对应的二进制位都为 1,则该二进制位为 1 | 5 & 1 等同于 0101 & 0001 结果为 0001,十进制结果为 1 |
| | 按位或:如果对应的二进制位有一个为 1,则该二进制位为 1 | 5 | 1 等同于 0101 | 0001 结果为 0101,十进制结果为 5 |
^ | 按位异或:如果对应的二进制位只有一个为 1,则该二进制位为 1 | 5 ^ 1 等同于 0101 ^ 0001 结果为 0100,十进制结果为 4 |
~ | 按位非:反转所有二进制位,即 1 转换为 0,0 转换为 1 | ~5 等同于 ~0101 结果为 1010,十进制结果为 -6 |
按位左移:将所有二进制位统一向左移动指定的位数,并在最右侧补 0 | 5 | |
>> | 按位右移(有符号右移):将所有二进制位统一向右移动指定的位数,并拷贝最左侧的位来填充左侧 | 5 >> 1 等同于 0101 >> 1 结果为 0010,十进制结果为 2 |
>>> | 按位右移零(无符号右移):将所有二进制位统一向右移动指定的位数,并在最左侧补 0 | 5 >>> 1 等同于 0101 >>> 1 结果为 0010,十进制结果为 2 |
示例代码如下:
var a = 5 & 1, b = 5 | 1, c = 5 ^ 1, d = ~ 5, e = 5 << 1, f = 5 >> 1, g = 5 >>> 1; console.log(a); // 输出:1 console.log(b); // 输出:5 console.log(c); // 输出:4 console.log(d); // 输出:-6 console.log(e); // 输出:10 console.log(f); // 输出:2 console.log(g); // 输出:2
var a = 5 & 1, b = 5 | 1, c = 5 ^ 1, d = ~ 5, e = 5 << 1, f = 5 >> 1, g = 5 >>> 1; console.log(a); // 输出:1 console.log(b); // 输出:5 console.log(c); // 输出:4 console.log(d); // 输出:-6 console.log(e); // 输出:10 console.log(f); // 输出:2 console.log(g); // 输出:2
【推荐学习:javascript高级教程】
以上がJavaScript 演算子は何に分類できるかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

tonavigatereAct'somplexEcosystemively、理解を理解し、認識していることを認識していることを認識しているandweakness、およびIntegreatemtoemtoemtoemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemotereconceptate、その後、勾配内で測定する

RactuseSeSeSeSeSeSeSeSpiffictifideidifiedItemsbyprovidingastableidentitytoeeedelement.1)keysallowReactTotTotTotTotTotTotTotTotTotTotTotTotTotTotTotRACKESOUTRE-RENDERINGTHEENTERELIST.2)chookiniqueandstablekeys、avolididingArrayIndices.3)reforceAsificlySificlySiflovedobrovesiondanc

KeysinReactarecrucialforoptimizingTherenderingProcessandDynamicListseffective.tospotandfixkey-relatedissues:1)adduniquekeystolistiTemstoavoidsissusisus、2)useuniqueidideididifiersfromdateadceSofofordiceys、3)

Reactの一元配置データバインディングにより、データが親コンポーネントから子コンポーネントに流れることが保証されます。 1)データは単一に流れ、親コンポーネントの状態の変化は子コンポーネントに渡すことができますが、子コンポーネントは親コンポーネントの状態に直接影響することはできません。 2)この方法により、データフローの予測可能性が向上し、デバッグとテストが簡素化されます。 3)制御されたコンポーネントとコンテキストを使用することにより、一方向のデータストリームを維持しながら、ユーザーの相互作用とコンポーネント間通信を処理できます。

keysinReactarecrucialforeffiencedomupdatessandRecOnciliation.1)選択可能でユニークな、そして類似のフルキーなど、Itemids.2)fornestedLists、useuniquekeysateachlevel.3)

useState()uscrucialforoptimizingRectperformanceduetuitsoitsimpactonre-rendersandupdates.tooptimize:1)useusecallbacktomoize funtionsandpreventunnederireRenders.2)

コンテキストとユーザーを使用して、大規模なReactアプリケーションで州の管理を簡素化できるため、状態を共有します。 1)プロップドリルを減らす、2)より明確なコード、3)グローバルな状態を管理しやすい。ただし、パフォーマンスのオーバーヘッドと複雑さのデバッグに注意してください。コンテキストと最適化技術の合理的な使用は、アプリケーションの効率と保守性を向上させることができます。

誤ったキーを使用すると、Reactアプリケーションでパフォーマンスの問題や予期しない動作を引き起こす可能性があります。 1)キーはリスト項目の一意の識別子であり、Virtual Domを効率的にReactの更新を支援します。 2)同じまたは非ユニークなキーを使用すると、リスト項目が再注文され、コンポーネント状態が失われます。 3)キーとして安定した一意の識別子を使用すると、パフォーマンスを最適化し、完全な再レンダリングを回避できます。 4)ESLINTなどのツールを使用して、キーの正しさを確認します。キーを適切に使用すると、効率的で信頼性の高い反応アプリケーションが保証されます。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

ホットトピック









