「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > JS関数、オブジェクト、文字列

JS関数、オブジェクト、文字列

2024 年 8 月 25 日に公開
ブラウズ:122

JS Function, Object, String

  1. JavaScript 関数は、特定のタスクを実行するように設計されたコードのブロックです。関数は、「何か」がそれを呼び出す(呼び出す)ときに実行されます。

  2. JavaScript 関数は、function キーワード、名前、かっこ ().

  3. で定義されます。
  4. 関数パラメータは、関数定義の 括弧 () 内にリストされます。関数の引数は、関数が呼び出されたときに関数によって受け取られる値です。関数内では、引数 (パラメータ) はローカル変数として動作します。

  5. JavaScript が return ステートメントに到達すると、関数の実行が停止します。関数がステートメントから呼び出された場合、JavaScript は呼び出したステートメントの後にコードを実行するために「リターン」します。関数は多くの場合、戻り値を計算します。戻り値は「呼び出し元」に「返されます」。

  6. () 演算子は関数を呼び出します (呼び出します)。 () なしで関数にアクセスすると、関数の結果ではなく関数が返されます。

  7. オブジェクト リテラルは、中括弧 {}.

  8. 内の名前:値のペアのリストです。
  9. オブジェクト プロパティには 2 つの方法でアクセスできます -
    オブジェクト名.プロパティ名オブジェクト名["プロパティ名"]

  10. オブジェクトは、プロパティとメソッドのコンテナです。プロパティは 名前付きの値です。メソッドは、プロパティとして保存される関数です。プロパティには、プリミティブ値、関数、またはその他のオブジェクトを指定できます。オブジェクトはオブジェクト、数学はオブジェクト、関数はオブジェクト、日付はオブジェクト、配列はオブジェクト、マップはオブジェクト、セットはオブジェクトです。プリミティブを除くすべての JavaScript 値はオブジェクトです。

  11. プリミティブ値は、プロパティやメソッドがありません。 3.14 はプリミティブな値です。プリミティブ データ型は、プリミティブ値を持つデータです。 JavaScript では 7 種類のプリミティブ データ型 -
    が定義されています。 A) 文字列
    B) 数字
    C) ブール値
    D) null
    E) 未定義
    F) 記号
    G) bigint

  12. プリミティブ値不変です (ハードコードされているため変更できません)。

  13. オブジェクト変更可能です。これらは、値ではなく参照によってアドレス指定されます。

  14. オブジェクトは、プロパティの順序なしコレクションです。 プロパティは、JavaScript オブジェクトの最も重要な部分です。プロパティは変更、追加、削除できますが、一部は読み取り専用です.

  15. delete キーワードは、オブジェクトからプロパティを削除します。 delete キーワードは、プロパティの値とプロパティ自体の両方を削除します。

  16. オブジェクトにアクセスしています メソッド- objectName.methodName()

  17. 新しい メソッドオブジェクトに追加します -
    person.name = function () {
    this.firstName " " this.lastName;
    を返します };

  18. toUpperCase() メソッドでテキストを大文字に変換します。

  19. JavaScript オブジェクトを表示するためのいくつかの解決策は次のとおりです -
    オブジェクトのプロパティを名前で表示、オブジェクトを表示
    ループ内のプロパティ、Object.values()、
    を使用したオブジェクトの表示 JSON.stringify()

  20. を使用してオブジェクトを表示する
  21. オブジェクト For In ループ -
    const 人 = {
    名前: "ジョン"、
    年齢: 30、
    都市: 「ニューヨーク」
    };
    let text = "";
    for (x を直接会わせてください) {
    text = person[x] " ";
    };
    document.getElementById("demo").innerHTML = text;

  22. ループ内では person[x] を使用する必要があります。 person.x は機能しません (
    のため) x はループ変数).

  23. Object.values() はプロパティ値から配列を作成します。
    例 - Object.values(person)

  24. Object.entries() を使用すると、ループ内でオブジェクトを簡単に使用できます。

  25. JavaScript オブジェクトは JSON メソッドで文字列に変換できます
    JSON.stringify().

  26. オブジェクト型を作成するには、オブジェクト コンストラクター関数を使用します。
    関数 人物(名、姓、年齢、目) {
    this.firstName = first;
    this.lastName = last;
    this.age = 年齢;
    this.eyeColor = eye;
    }
    const myFather = 新しい人("ジョン", "ドウ", 50, "ブルー");
    const myMother = 新しい人("サリー", "ラリー", 48, "グリーン");
    myMother.changeName = 関数 (名前) {
    this.lastName = 名前;
    }
    myMother.changeName("Doe");
    document.getElementById("デモ").innerHTML =
    「私の母の姓は " myMother.lastName;
    これは例です!

  27. HTML イベントは、HTML 要素で発生する「事柄」です。いつ
    JavaScript は HTML ページで使用されており、JavaScript はこれらの
    に「反応」できます。 イベントHTML イベント -
    の例をいくつか示します。 HTML Web ページの読み込みが完了しました。HTML 入力フィールドは
    でした 変更され、HTML ボタンがクリックされました。 一般的な HTML イベント -

onchange - HTML 要素が変更されました
onclick - ユーザーが HTML 要素をクリックします
onmouseover - ユーザーが HTML 要素上にマウスを移動します
onmouseout - ユーザーがマウスを HTML 要素から遠ざける
onkeydown - ユーザーがキーボードのキーを押す
onload - ブラウザはページの読み込みを完了しました

文字列

  1. Strings はテキストを保存するためのものです。文字列は
    で記述します 引用.

  2. テンプレート文字列は、ES6 (JavaScript
    ) で導入されました。 2016)
    。テンプレートは、バッククォートで囲まれた文字列です (これは
    です) テンプレート文字列)。テンプレートでは、
    内で一重引用符と二重引用符を使用できます。 弦。テンプレートは Internet Explorer.

  3. ではサポートされていません。
  4. 文字列長さを調べるには、組み込みの長さ
    を使用します。 財産。

  5. バックスラッシュエスケープ文字 () は特殊文字
    に変わります 文字列に変換します。 let text = "我々は北からのいわゆる「ヴァイキング」です。"; let text= '大丈夫です。';

  6. JavaScript オブジェクトとしての文字列 - y = new String("John");

  7. とします。
  8. Strings オブジェクトを作成しません。新しいキーワードによりコードが複雑になり、実行速度が遅くなります。 文字列オブジェクトは予期しない結果を引き起こす可能性があります

  9. 2 つの JavaScript オブジェクトを比較すると、常に false.

  10. が返されます。
  11. 基本的な 文字列メソッド -

  • String length - length プロパティは、文字列の長さを返します。 弦。
  • String charAt() - charAt() メソッドは文字を返します。 文字列内の指定されたインデックス (位置) にあります。
  • String charCodeAt() - charCodeAt() メソッドは、 文字列内の指定されたインデックスにある文字のコード。の メソッドは UTF-16 コード (0 ~ 65535 の整数) を返します。
  • 文字列 ()
  • 弦 [ ]
  • 文字列スライス()
  • 文字列の部分文字列()
  • 文字列 substr()
  • 文字列 toUpperCase()
  • 文字列 toLowerCase()
  • 文字列 concat()
  • 文字列トリム()
  • 文字列トリムスタート()
  • 文字列トリムエンド()
  • 文字列 PadStart()
  • 文字列パッドE​​nd()
  • 文字列リピート()
  • 文字列置換()
  • 文字列 replaceAll()
  • 文字列分割()

文字列 検索メソッド -

  • 文字列インデックスOf()
  • 文字列 lastIndexOf()
  • 文字列検索()
  • 文字列一致()
  • 文字列一致すべて()
  • 文字列に含まれる()
  • 文字列で始まる文字列()
  • 文字列は()で終了します

テンプレート文字列では、引用符 ("") ではなくバックティック (``) を使用して文字列を定義します。

リリースステートメント この記事は次の場所に転載されています: https://dev.to/webdemon/js-function-object-string-57h7?1 侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3