ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptの疑問符のさまざまな機能

JavaScriptの疑問符のさまざまな機能

PHPz
リリース: 2023-05-16 10:15:09
オリジナル
1159 人が閲覧しました

JavaScript は、Web アプリケーションの開発で広く使用されている高水準プログラミング言語です。 JavaScript では、疑問符 (?) にはさまざまな用途があり、この記事ではこれらのさまざまな用途について詳しく説明します。

  1. 三項演算子

JavaScript では、疑問符は三項演算子の一部として使用され、その一般的な構文は次のとおりです:

condition ? exprIfTrue : exprIfFalse
ログイン後にコピー

condition はブール式で、評価結果が true の場合は exprIfTrue を返し、そうでない場合は exprIfFalse を返します。

たとえば、次のコードでは、三項演算子を使用して 2 つの数値の大きさを比較します。

 let x = 10;
 let y = 20;
 let result = (x > y) ? "x is greater than y" : "y is greater than x";
 console.log(result); // Output: "y is greater than x"
ログイン後にコピー
  1. クエリ文字列

URL にも疑問符が含まれています。非常に重要な役割を果たします。 URL では、通常、疑問符がクエリ文字列の区切り文字として使用されます。クエリ文字列は、URL のパラメータ部分を指します。これは、「&」記号で区切られたキーと値のペアのコレクションです。

たとえば、次の URL にはクエリ文字列「?q=javascriptレッスン」が含まれています。ここで、qはキー、javascriptレッスンは対応する値です。

https://www.google.com/search?q=javascript+lessons
ログイン後にコピー

JavaScript では、window.location.search プロパティを使用して、疑問符の後に含まれるクエリ文字列を取得できます。例:

 let queryString = window.location.search;
 console.log(queryString); // Output: "?q=javascript+lessons"
ログイン後にコピー

クエリ文字列URL パラメータは、情報を渡す標準的な方法の 1 つです。 URL にパラメータを追加して、ブラウザ間でパラメータを渡すことができます。これは、Web 開発、特にフォームを操作したり AJAX を使用したりする場合に非常に一般的です。

  1. オプションの関数パラメーター

JavaScript では、疑問符を使用してオプションの関数パラメーターを指定できます。この場合、パラメーターが渡されない場合、その値は undefine になります。

たとえば、次のコードは、数値の二乗値を計算する関数を定義します:

function square(num, root = false) {
  if (root) {
    return Math.sqrt(num);
  } else {
    return num * num;
  }
}
ログイン後にコピー

この関数には 2 つのパラメーターがあります: num は数値を計算するものです。 root は、この数値の平方根を計算するかどうかを示します。 root パラメータが渡されない場合、デフォルトの false が使用されます。平方根を計算する必要がある場合は、root パラメータを true に設定します。

console.log(square(4)); // Output: 16
console.log(square(4, true)); // Output: 2
ログイン後にコピー
  1. 正規表現

JavaScript で、疑問符は正規表現でも使用できます。正規表現は、文字列内の特定のテキスト パターンを検索するパターン マッチング ツールです。

正規表現では、疑問符は通常、特別な意味を持つメタ文字の 1 つとして使用されます。たとえば、疑問符を使用して、前の文字がオプションであることを示すことができます。正規表現で疑問符を使用する一般的な例をいくつか示します。

  • 先頭のゼロ (存在する場合) を削除します。 str.replace(/^0 /, '')
  • 前の一致を貪欲にしないようにします (つまり、できるだけ短くします): /a ?/
  • オプションの単数形または複数形に一致します: /apple (s)? /
  1. 型アサーション

TypeScript と Angular では、疑問符は型アサーション演算子としても使用できます。これは、変数の型を指定するために使用される特別な構文です。この場合、型名の後に疑問符が配置され、値が unknown またはその型である可能性があることを示します。

たとえば、変数 message があり、それを文字列または未定義として宣言するとします。

let message: string | undefined;
ログイン後にコピー

疑問符を使用して message を変換できます。 変数は文字列型であるとアサートされます:

console.log(message?.toUpperCase());
ログイン後にコピー

この場合、message の値が unknown であるか、そうでない別の型である場合、文字列、# が返されます ##unknown

概要

JavaScript では、疑問符にはさまざまな機能があります。これは、三項演算子、URL クエリ文字列のマーカー、関数のオプションの引数、正規表現のメタキャラクタ、および型アサーション演算子として使用できます。これらはすべて Web 開発において不可欠であるため、これらのさまざまな使用法を理解することが重要です。

以上がJavaScriptの疑問符のさまざまな機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート