ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript - 配列、文字列、関数、変数の型

JavaScript - 配列、文字列、関数、変数の型

Susan Sarandon
リリース: 2025-01-23 16:35:08
オリジナル
703 人が閲覧しました

配列:

--> JavaScript の配列は、複数の値を 1 つの変数に格納するために使用されるデータ構造です。
-->配列には、数値、文字列、オブジェクト、さらにはその他の配列など、さまざまなタイプのデータを保持できます。
-->これらのインデックスはゼロです。つまり、最初の要素のインデックスは 0 です。

配列の作成:

1.角括弧の使用 - []

例:

let fruits = ["apple", "banana", "cherry"];
ログイン後にコピー

2.配列コンストラクターの使用 - new Array

例:

let numbers = new Array(1, 2, 3, 4);
console.log(numbers);
ログイン後にコピー

出力:
[1、2、3、4]

--> JavaScript では、文字列はテキストを表すために使用される文字のシーケンスです。
--> JavaScript の文字列は不変であり、変更することはできません。

文字列の宣言

文字列は次を使用して定義できます:

Double quotes: "Hello"
Single quotes: 'Hello'
Template literals: `Hello`
ログイン後にコピー

注:

-->一重引用符または二重引用符で作成された文字列は同じように機能します。
-->両者に違いはありません。
-->テンプレートはバッククォート(``)
で囲まれた文字列です。 -->テンプレートでは、文字列内で一重引用符と二重引用符を使用できます。

文字列メソッド:

  1. trim() - 文字列の両端から空白を削除します。
  2. toLowerCase() - 文字列内のすべての文字を小文字に変換します。
  3. toUpperCase() - 文字列内のすべての文字を大文字に変換します。
  4. includes() - 文字列内に部分文字列が存在するかどうかを確認します。
  5. indexOf() - 最初に出現した部分文字列のインデックスを検索します。
  6. replace() - 最初に出現した部分文字列を別の部分文字列に置き換えます。
  7. replaceAll() - 出現する部分文字列をすべて別の文字列に置き換えます。
  8. split() - 区切り文字に基づいて文字列を配列に分割します。
  9. substring() - 2 つのインデックス間の文字列の一部を抽出します。
  10. slice() - 開始インデックスと終了インデックスを使用して文字列の一部を抽出します。
  11. startsWith() - 文字列が特定の部分文字列で始まるかどうかを確認します。
  12. endsWith() - 文字列が特定の部分文字列で終わるかどうかを確認します。
  13. match() - 文字列を正規表現と照合します。
  14. padStart() - 文字列の先頭から特定の文字を埋め込みます。
  15. padEnd() - 文字列の末尾から特定の文字を埋め込みます。
  16. concat() - 2 つ以上の文字列を 1 つに結合します。
  17. toString() - 値を文字列に変換します。
  18. localeCompare() - ロケールに基づいて並べ替えるために 2 つの文字列を比較します。
  19. charAt() - 文字列内の特定のインデックスにある文字を返します。
  20. charCodeAt() - メソッドは、文字列
  21. 内の指定されたインデックスにある文字のコードを返します。
  22. length - 文字列内の文字数を取得します。

機能

-->関数は、特定のタスクを実行する再利用可能なコードのブロックです。
-->コードのブロックは、呼び出されたときにのみ実行されます。
-->関数は、function キーワード、名前、括弧 () の順で定義されます。
-->関数名には、文字、数字、アンダースコア、ドル記号を含めることができます (変数と同じルール)。
-->括弧には、カンマで区切られたパラメータ名が含まれる場合があります:
(パラメータ1、パラメータ2、...)

構文:

関数名(パラメータ1、パラメータ2、パラメータ3) {
// 実行されるコード
}

関数の戻り値

JavaScript の return ステートメントは、関数が呼び出された時点に値を返すために関数内で使用されます。

Image description
変数の種類:

  1. グローバル変数
  2. ローカル変数

Image description

スイッチステートメント:

--> JavaScript の switch ステートメントは、式のさまざまな値に基づいてさまざまなコード ブロックを実行するために使用されます。
-->これは、複数の条件を処理するときに複数の if...else ステートメントを作成する代わりの方法です。
--> switch ステートメントは、実行する多くのコード ブロックから 1 つを選択するために使用されます。

仕組みは?

  • switch 式は 1 回評価されます。
  • 式の値は、各ケースの値と比較されます。
  • 一致するものがあれば、関連付けられたコード ブロックが実行されます。
  • 一致するものがない場合は、デフォルトのコード ブロックが実行されます。

構文:

Image description

以上がJavaScript - 配列、文字列、関数、変数の型の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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