JSEssential:式と演算子

この投稿は、図書「モダンjavascript Deep Dive」とクイックキャンパス講座「キム・ミンテのフロントアカデミー:JavaScriptとType Script Essential」を参考に書いたものです.

式は何ですか。

JavaScriptでは、式は通常演算/計算として表され、式(すなわち式)も一般的な概念である.
デフォルトでは、JavaScriptまたはタイプスクリプトは演算子を提供します.
これらの演算子を使用して実際の値を生成するコードを式として定義します.
MDNホームページを参考にすればもっと詳しく知ることができます
https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators
もちろんjavascriptの演算子には多くの種類があり、よく知られている4つの演算子から論理演算子、さらに3つの演算子まで、これらの演算子を使用するコードの大部分は式の範疇に属しています.

文と式

JavaScriptには文の概念も存在する.
これらの文と式の違いは結果値の導出から来ていると言える.

デフォルトでは、式は値に収束します.どんなに複雑でも.だから逆に言えば、値は数式とも言える.
Javascript会議では、任意に貼り付けるのではなく、式の後ろにセミコロンを貼り付けることができます.これは、式がすぐに値を返すためです.
(各セミコロンは1つの式のみで、1つの値のみです.)
しかし、ドアの後ろにセミコロンを付けることは文法的には許されるが、実際には意味のないコードと言える.

遍歴演算子-複合割り当て演算子

JavaScript式を理論的に理解した以上、よく使う演算子を見てみましょう.
1つ目は割当て演算子です.

 x = x + y;
 x += y;

 x = x / y;
 x /= y;

割り当て演算子は、通常、=を表し、変数に値を割り当てます.=説明するまでもない
重要なのは、上記のコードブロックに示すように、複合割り当て演算子です.複合割り当て演算子は、コードをより簡潔にすることができるため、JavaScriptコードを記述する際に非常に役立ちます.
例では加算と除算のみが表示されますが、デフォルトでは、複合割り当て演算子は4つの演算で展開できます.

遍歴演算子-構造分解割付演算子

英語では「分解配分」とも呼ばれる.例を見てみましょう.

const colors = ['red', 'blue', 'green'];

// 구조 분해 미활용
let color1 = colors[0];
let color2 = colors[1];
let color3 = colors[2];

// 구조 분해 활용
let [color1, color2, color3] = colors;

配列中のアイテムを個別の変数に入れたい場合は.構造分解割当てが書き込まれていない場合は、すべての個別の変数を作成し、それらを1つずつ含める必要があります.
ただし、下部の構造分解配分演算では、1行のコードを使用して簡単に変数にアイテムを含めることができます.
これに加えて、構造分解割り当てには多くの有用な使い方があり、個別に投稿を作成して議論します.

遍歴演算子-比較演算子

簡単に言えば、まず2つの値を比較して正しいか間違っているかを判断する演算子を定義します.

let a = 10;
let b = '10';

console.log(a == b)   // true
console.log(a === b)   // false

比較演算子では、知っておくべき演算子が2つしか取得されません.
変数aは数字10、変数bは文字10である.
==対等比較演算子です.文字10と数字10のタイプが異なるため、2つの変数は同じと考えられますが、最終的には同じ数字に基づいています.
これに対して、マッチング比較演算子==は、2つの変数のデータ型が異なることを厳密に分析することによってfalseを返します.
実際に一致演算子が必要な場合は、比較演算子を一致させるのが好きです.

遍歴演算子-論理演算子

論理演算子もJavaScriptでよく使われる演算子タイプです.別に難しくはないORとANDだと思ってください

let a = 10;
let b = 100;

console.log(a === 10 && b === 10)   // false
console.log(a === 10 || b === 10)   // true
console.log(!a)   // false

&&は論理AND演算子で、両方の項目が「真」または「真」であることを返します.君は初めて彼を見た.aは10ですが、bは10ではありませんのでfalseを返します.
2番目は論理OR演算子||を使用し、そのうちの1つが真の場合は真を返します.
!論理NOT演算子に変換し、真を偽に変換し、偽を真に変換します.

の最後の部分

今日はJavaScript意識と各種演算子について議論した.
本明細書には含まれていませんが、コード内の異なる演算子には異なる優先度があります.
したがって、1つのコードで複数の演算子を使用する場合、実行順序は優先度に依存します.この優先度については、前に添付したMDNホームリンクを参照してください.