[解決済み] この記号はJavaScriptではどのような意味ですか？

質問

これは何ですか？

JavaScriptの構文について、時々出てくる質問を集めました。また、ここはコミュニティWikiでもあります。 このリストの管理には、誰もが参加できます。

どうして？

Stack Overflowでは、特定の文字を検索することができません。そのため、演算子やその他の構文トークンに関する多くの質問は、検索しても簡単には見つかりません。これはまた、重複を閉じることをより難しくします。以下のリストは、この問題を解決するためのものです。

主なアイデアは、Stack Overflow の既存の質問へのリンクを持つことで、ECMAScript Spec の内容をコピーするのではなく、それらを参照することが容易になるようにすることです。

さらに、これはあからさまに PHP シンボルリファレンスです。JSのものが必要でした。

---

ご協力お願いします。他の演算子/構文のリファレンスへのリンクを編集して追加したり、特定の構文に関する良い質問/回答が見つからない場合は、この質問に対する回答を追加してリンクしてください。

どのように解決するのですか？

については、MDN のドキュメントを参照してください。 式と演算子 と ステートメント .

基本キーワードと一般表現

this キーワードを使用します。

• this"キーワードはどのように機能するのですか？

var x = function() vs. function x()  - 関数宣言の構文

• var functionName = function() {} vs functionName() {}.

(function(){ ... })()  - IIFE (即時呼び出し関数式)

• 目的は何ですか？ , どのように呼び出すのですか？
• なぜ (function(){…})(); は動作しますが function(){…}(); はないのですか？
• (function(){…})(); 対 (function(){…}());
• 短い選択肢 :
  • !function(){…}(); - 関数の前のエクスクラメーションマークは何のためにあるのですか？
  • +function(){…}(); - 関数式の前にJavaScriptのプラス記号
  • !function(){ }() vs (function(){ })() , ! 対 先頭のセミコロン
• (function(window, undefined){…}(window));

someFunction()()  - 他の関数を返す関数

• 関数呼び出しの後の2つの括弧のセット

=>  - 等号、より大きい：矢印関数式構文

• JavaScriptの"=>"（equals & greater thanからなる矢印）の意味は何ですか？

|>  - パイプ、より大きい。パイプライン演算子

• JavaScriptで"|>"演算子は何をするのですか？

function* , yield , yield*  - スターアフター function または yield : ジェネレータ機能

• JavaScriptのquot;function*"とは何ですか？
• JavaScriptのyieldキーワードは何ですか？
• ジェネレータ関数におけるdellegated yield (yield star, yield *)

[] , Array()  - 角括弧：配列表記

• JavaScriptの配列宣言において、"Array()と"[]はどう違うのでしょうか？
• javascriptの配列リテラル表記とは何ですか、またどのような場合に使用するのですか？

代入の左側に角括弧が表示される場合 ( [a] = ... )、または関数のパラメータ内部では 非構造化代入 .

{key: value}  - カーリーブラケット：オブジェクトリテラル構文（ブロックと混同しないように注意）

• JavaScriptの中括弧はどういう意味ですか？
• Javascriptのオブジェクトリテラル：{a, b, c}とは一体何ですか？
• オブジェクトリテラルのプロパティ名を角括弧で囲むと、どのような意味になりますか？

代入の左側に中括弧が表示される場合 ( { a } = ... )、または関数のパラメータ内部では 非構造化代入 .

` ... ${ ... } ... `  - バックティック、ドル記号、中括弧：テンプレート・リテラル

• これは何をするものなのか `…${…}…` のコードはどういう意味ですか？
• JavaScriptにおけるバックスティック文字(`)の使用法？
• ES6で関数に続くテンプレート・リテラル（バックティック）は何のためにあるのですか？

/ ... /  - スラッシュ：正規表現リテラル

• 2つのスラッシュの間にあるjavascriptテキストの意味

$  - 正規表現の置換パターンにおけるドル記号。 $$ , $& , $` , $' , $n

• JavaScriptのreplace()メソッドのドルマーク

()  - 括弧：グループ化演算子

• MDN：グループ化演算子

---

プロパティ関連表現

obj.prop , obj[prop] , obj["prop"]  - 角括弧またはドット：プロパティアクセサ

• JavaScriptのプロパティアクセス：ドット記法とブラケット？

?. , ?.[] , ?.()  - クエスチョンマーク、ドット：オプションの連鎖演算子

• パラメータの後にクエスチョンマーク
• ES6/2015におけるヌルセーフなプロパティアクセス（および条件付き代入
• JavaScriptにおけるオプショナルチェーン
• javascriptにnull-coalescing (Elvis)演算子やsafe navigation演算子はありますか？
• JavaScriptにquot;null coalescing"演算子はありますか？

::  - ダブルコロン：バインド演算子

• JavaScript ダブルコロン（バインド演算子）

new 演算子

• JavaScriptの「new」キーワードとは何ですか？
• new.target"とは何ですか？

...iter  - 3つの点：拡散構文、残りのパラメータ

• (...rest) => {}  -  関数定義の「...args」（3つの点）はどういう意味ですか？
• fn(...args) -  foo(...arg)」（関数呼び出しの3つの点）の意味を教えてください。
• [...iter]  -  javascript es6 array feature [...data, 0] "スプレッドオペレータ"
• {...props}  -  Javascript プロパティ（ドット3つ（...）付き , このオブジェクトの再構築において、「...rest」は何を意味するのでしょうか？

---

インクリメントとデクリメント

++ , --  - ダブルプラスマイナス：プリ／ポストインクリメント／デクリメント演算子

• ++someVariable 対 someVariable++ Javascriptの場合

---

単項演算子、二項演算子（算術、論理、ビット）演算子

delete 演算子

• Javascriptにおけるdelete演算子の目的は何ですか？

void 演算子

• void 0`とはどういう意味ですか？

+ , -  - プラスとマイナス：加算または連結、減算演算子、単項符号演算子

• JavaScriptにおける「= +_」の意味 , javascriptのシングルプラス演算子
• 単項のプラス演算子、マイナス演算子の重要な使い道は？
• JavaScriptで [1,2] + [3,4] = "1,23,4" となるのはなぜですか？
• JavaScriptでは、なぜ文字列と数値の間のプラスとマイナスの演算子の扱いが違うのですか？

| , & , ^ , ~  - 単管パイプ、アンパサンド、サーカムフレックス、チルダ ビット毎 OR、AND、XOR、& NOT 演算子

• JavaScriptのビット演算子にはどのようなものがあるのでしょうか？
• どうすればいいのか。演算子は？
• Javascriptに&のような論理演算子はありますか？
• JavaScriptで"|"（シングルパイプ）は何をするのですか？
• 演算子｜=はJavaScriptで何をするのですか？
• JavaScriptで^（キャレット）記号は何をするのですか？
• ビット単位のOR 0で数値を階数化する , JavaScriptでx|0はどのように数字をフロアリングするのですか？
• なぜ ~1 イコール -2 ?
• Javascript で ~~ ("double tilde") は何をするのですか？
• !!~ (not not tilde/bang bang tilde) は、どのようにして 'contains/included' Array メソッド呼び出しの結果を変更するのですか？ (また こちら と こちら )

%  - パーセント記号：余り演算子

• JavaScriptで%は何をするのですか？

&& , || , !  - ダブルアンパサンド、ダブルパイプ、エクスクラメーションポイント：論理演算子

• JavaScriptの論理演算子 - どのように使うのですか？
• 論理演算子｜｜javascriptでは、0はブーリアンfalseを意味する？
• Javascriptで "var FOO = FOO || {}" (変数またはその変数に空のオブジェクトを代入する)とはどういう意味ですか？ , JavaScriptのOR(||)変数代入の説明 , x = x || y という構文は何を意味するのですか？
• Javascriptの代入におけるAND演算子
• x &&&foo()" とは何ですか？ (また ここで と こちら )
• とは何ですか! (not not)演算子とは何ですか？
• JavaScriptにおける感嘆符とは何ですか？

??  - ダブルクエスチョンマーク：ヌリッシュコーレスコア演算子

• ECMAScript の nullish 合体演算子 (??) と論理 OR 演算子 (||) はどう違うのでしょうか？
• javascriptにnull-coalescing（Elvis）演算子やsafe navigation演算子はありますか？
• JavaScriptにquot;null coalescing"演算子はありますか？

**  - 二重星：べき乗演算子（指数演算）

• x ** 2 は、以下のものと同等です。 Math.pow(x, 2)
• ダブルアスタリスク ** は、JavaScript の有効な演算子ですか？
• MDNドキュメント

---

等価演算子

== , ===  - 等号：等号演算子

• JavaScriptの比較では、どちらの等値演算子（== vs ===）を使うべきですか？
• JSの型強制はどのように行われるのですか？
• Javascriptでは、<int-value> == "<int-value>" はtrueと評価されます。なぜそうなるのでしょうか？
• [] == ![] は真と評価される
• なぜ "undefined equals false" は false を返すのですか？
• なぜJavaScriptでは、!new Boolean(false)はfalseになるのですか？
• Javascriptの0 == '0'です。この例について説明します。
• false == "false"がfalseである理由は何ですか？

!= , !==  - 感嘆符と等号：不等号演算子

• != vs. !==
• JavaScriptの演算子「!=」と「!==」の違いは何ですか？

---

ビットシフト演算子

<< , >> , >>>  - 2つまたは3つの角括弧。 ビットシフト演算子

• JavaScriptのビット演算子にはどのようなものがありますか？
• JavaScriptのダブルモアサンシンボル
• JavaScriptの>>>演算子とは何ですか、どのように使うのですか？

---

条件演算子

... ? ... : クエスチョンマークとコロン：条件演算子（三項演算子） ...

• JavaScriptにおけるクエスチョンマークとコロン
• Javascriptの三項演算子による演算子の優先順位
• はどのように使うのですか？(条件)演算子をJavaScriptで使うには？

---

代入演算子

=  - 等号：代入演算子

• 演算子 `=` と `==` の違い、および `===` とは？(シングル、ダブル、トリプルイコール)

%=  - パーセントイコール：余りの代入

• Modulo演算子で混乱することがある

+=  - プラスイコール：加算代入演算子

• プラスイコール）の仕組みは？

&&= , ||= , ??=  - ダブルアンパサンド、パイプ、クエスチョンマークと等号の組み合わせ：論理的代入

• &&=, ||=, ?= はどのような目的で使われるのですか？
• JavaScriptでnullまたはundefinedの場合、値を置き換える
• 未定義の場合、変数を設定する
• ルビーの ||= (またはイコール)をJavaScriptで使うか？
• 原案
• 仕様書

構造改革

• 関数パラメータの JavaScript関数のオブジェクトパラメータ構文に関する情報はどこで得られますか？
• 配列の javascriptで多重代入？a,b,c] = [1,2,3]; とはどういう意味ですか？
• オブジェクト/インポートの 割り当ての左側にJavascriptのオブジェクトブラケット表記（{ ナビゲーション } =）があります。

---

カンマ演算子

,  - カンマ演算子（変数宣言で使用するカンマと混同しないように注意）

• JavaScriptの式でカンマは何をするのですか？
• カンマ演算子は、引数リストの2番目の値ではなく、1番目の値を返すのですか？
• カンマ演算子はどんなときに使うのですか？

---

制御フロー

{ ... }  - 丸括弧：ブロック（オブジェクトリテラル構文と混同しないように注意）

• JavaScriptの中括弧で、関数やjsonがない場合

宣言文

var , let , const  - 変数の宣言

• letとvarの違いは何ですか？
• JavaScriptに定数はありますか？
• テンポラリーデッドゾーンとは何ですか？
• var a, b;  - 変数宣言で使用されるカンマ（カンマ演算子と混同しないように）。 JavaScriptの変数定義です。カンマとセミコロン

---

ラベル

label:  - コロン：ラベル

• JavaScriptの構文foo:は何を意味するのですか？
• JavaScriptで':'（コロン）は何をするのですか？

---

その他

123n  -  n 整数の後に BigInt

• JavaScriptで数値リテラル後の文字'n'は何を意味するのですか？

#  - ハッシュ(数字記号)。プライベートメソッドまたはプライベートフィールド

• は何をするのですか？ # シンボルはJavaScriptで何をするのですか？

_ (アンダースコア）数値リテラルでセパレータとして使用されます。

• Javascriptの数値セパレータ？
• Rubyのアンダースコアを使った構文(例: 10_000 = 10000)に相当するJavascriptは、大きな整数を人間に読みやすくするためにありますか？