-
JavaScriptでのインポートとエクスポートの名前の変更
以下は、JavaScriptでインポートとエクスポートの名前を変更するためのコードです- 注 −この例を実行するには、ローカルホストサーバーを実行する必要があります。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t
-
JavaScriptのアクセサプロパティとその属性
アクセサプロパティは、JavaScriptでgetterおよびsetter関数を実装するのに役立ちます。これらは、値の取得または設定時に関数を実行します。 アクセサプロパティには4つの属性があります- 取得 −プロパティが読み取られると呼び出されます。議論はありません/ セット −プロパティが設定されると呼び出されます。引数は1つだけです。 列挙可能 −trueに設定するとオブジェクトを反復可能にします。 構成可能 − falseに設定すると、プロパティを削除したり、その値を変更したりすることはできません。 以下は、アクセサプロパティとその属性のコードです- 例 <!DOCTYP
-
JavaScriptの緩い平等
緩い等式演算子「==」を使用すると、最初に値を共通の型に変換してから、それらの間の等式をチェックすることにより、2つ以上のオペランドを比較できます。 以下は、JavaScriptで緩い等式を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc
-
JavaScriptでの厳密な等式と緩い等式。
緩い等式演算子 ‘==’を使用すると、最初に値を共通の型に変換してから、それらの値が等しいかどうかを確認することで、2つ以上のオペランドを比較できます。 厳密な等式演算子 ‘===’を使用すると、値とそのタイプが等しいかどうかを確認することで、2つ以上のオペランドを比較できます。値と型の両方が他のオペランドと一致する場合にのみtrueを返します。 以下は、JavaScriptでの緩い等式と厳密な等式のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q
-
JavaScriptの関数によって返される配列へのアクセス
以下は、JavaScriptの関数によって返される配列にアクセスするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&
-
JavaScriptでの名前付き関数式
以下は、JavaScriptで名前付き関数式を実装するためのコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nb
-
JavaScriptのオブジェクト初期化子
オブジェクト初期化子は、新しく作成されたオブジェクトを初期化できるようにする式です。これは、プロパティ名の0個以上のペアと、中括弧{}で囲まれたオブジェクトの関連する値のコンマ区切りのリストです。 以下は、JavaScriptのオブジェクト初期化子のコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d
-
JavaScriptのオプションの連鎖演算子。
オプションの連鎖演算子はES2020で導入され、連鎖内の各参照がnullまたは未定義であるかどうかを明示的にチェックせずに、ネストされたプロパティにアクセスできるようにします。以前は、&&演算子を使用して、親オブジェクトがnullまたは未定義でないかどうかを確認していましたが、現在は「?.」オプションの連鎖演算子を使用できます。 以下は、JavaScriptのオプションの連鎖演算子のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&
-
関数呼び出しJavaScriptのSpread演算子
Spread構文を使用すると、関数呼び出しで配列または反復可能オブジェクトを0個以上の引数に展開できます。 以下は、JavaScriptの関数呼び出しでのspread演算子のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /
-
JavaScriptのnew.target
new.targetは、関数コンストラクターがnewキーワードを使用して呼び出されたかどうかを実行時に判別できるようにするメタプロパティです。 以下は、JavaScriptのnew.targetのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=
-
JavaScriptのRegExpオブジェクト。
RegExpオブジェクトは、テキストの一部を検索および抽出することにより、一部のテキストのパターンマッチングに使用されます。 RegExpオブジェクトは、regexpコンストラクターまたはリテラル構文のいずれかを使用して作成できます。 以下は、JavaScriptのRegExpオブジェクトのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"
-
JavaScriptでのドット表記
ドット表記は、JavaScriptのオブジェクトプロパティにアクセスするために使用されます。以下は、ドット表記を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Documen
-
JavaScriptでのドット表記とブラケット表記
ドット表記とブラケット表記はどちらも、JavaScriptのオブジェクトプロパティにアクセスするために使用されます。ドット表記は、読みやすく理解しやすく、冗長性が少ないため、主に使用されます。ドット表記とブラケット表記の主な違いは、ブラケット表記では変数を使用してオブジェクトのプロパティにアクセスできることです。 以下は、JavaScriptでのブラケット表記とドット表記のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
-
JavaScriptでオブジェクトメンバーを設定する
以下は、JavaScriptでオブジェクトメンバーを設定するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
-
JavaScriptオブジェクトの値を動的に設定するにはどうすればよいですか?
以下は、JavaScriptオブジェクトの値を動的に設定するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
-
JavaScriptでプロトタイプを変更する
以下は、JavaScriptでプロトタイプを変更するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nbs
-
JavaScriptの条件文
JavaScriptには3種類の条件文があります- ステートメントの場合 − ifステートメントは、特定の条件が満たされた場合にのみ、ifブロック内のコードを実行するために使用されます。 Ifelseステートメント − If….Elseステートメントは、2つの条件のみをチェックし、それぞれに対して異なるコードを実行するために使用されます。 if elseifelseステートメント −if…elseif…elseステートメントは、3つ以上の条件をチェックするために使用されます。 以下は、JavaScriptで条件文を実装するためのコードです- 例 <!DOCTYPE html&
-
JavaScriptのインデックス付きコレクション
配列は、インデックスを使用して要素にアクセスできるため、JavaScriptのインデックス付きコレクションです。 以下は、JavaScriptでインデックス付きコレクションを実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&
-
JavaScriptのキー付きコレクション
キー付きコレクションは、インデックスではなくキー順に並べられたデータコレクションです。それらは本質的に連想的です。マップオブジェクトとセットオブジェクトはキー付きのコレクションであり、挿入順に繰り返すことができます。 以下は、JavaScriptのキー付きコレクションのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=&qu
-
JavaScriptモジュールを動的にロードする
以下は、JavaScriptモジュールを動的にロードするためのコードです- 注 −この例を実行するには、ローカルホストサーバーを実行する必要があります。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>