ホームページ > 記事 > ウェブフロントエンド > JS関数、オブジェクト、文字列
JS関数、オブジェクト、文字列
- 王林オリジナル
- 2024-07-18 13:12:39872ブラウズ
JavaScript 関数 は、特定のタスクを実行するように設計されたコードのブロックです。関数は、「何か」がそれを呼び出す（呼び出す）ときに実行されます。
JavaScript 関数は、function キーワード、名前、括弧 ().
で定義されます。
関数パラメーターは、関数定義の 括弧 () 内にリストされています。関数の引数は、関数が呼び出されたときに関数によって受け取られる値です。関数内では、引数 (パラメーター) はローカル変数として動作します。
JavaScript が return ステートメント に到達すると、関数は実行を停止します。関数がステートメントから呼び出された場合、JavaScript は呼び出したステートメントの後にコードを実行するために「リターン」します。関数は多くの場合、戻り値を計算します。戻り値は「呼び出し元」に「返されます」。
() 演算子 は関数を呼び出します (呼び出します)。 () なしで関数にアクセスすると、関数の結果ではなく関数が返されます。
オブジェクト リテラルは、中括弧 {} 内の名前:値のペアのリストです。
オブジェクトのプロパティには 2 つの 方法でアクセスできます -
オブジェクト名.プロパティ名、オブジェクト名["プロパティ名"]オブジェクトは、プロパティとメソッドのコンテナです。プロパティは名前付きの値です。メソッドは、プロパティとして保存される関数です。プロパティは、プリミティブ値、関数、または他のオブジェクトにすることもできます。オブジェクトはオブジェクト、数学はオブジェクト、関数はオブジェクト、日付はオブジェクト、配列はオブジェクト、マップはオブジェクト、セットはオブジェクトです。プリミティブを除くすべての JavaScript 値はオブジェクトです。
プリミティブ値は、プロパティやメソッドを持たない値です。 3.14 はプリミティブな値です。プリミティブ データ型は、プリミティブ値を持つデータです。 JavaScript は 7 種類のプリミティブ データ型を定義します -
A) 文字列
B) 番号
C) ブール値
D) null
E) 未定義
F) シンボル
G) bigintプリミティブ値は不変です (ハードコードされているため変更できません)。
オブジェクトは変更可能です。これらは、値ではなく参照によってアドレス指定されます。
オブジェクトは、プロパティの順序付けされていないコレクションです。 プロパティは、JavaScript オブジェクトの最も重要な部分です。プロパティは変更、追加、削除できますが、一部は読み取り専用です。
delete キーワードは、オブジェクトからプロパティを削除します。 delete キーワードは、プロパティの値とプロパティ自体の両方を削除します。
オブジェクト メソッドへのアクセス - objectName.methodName()
オブジェクト への新しい メソッドの追加 -
person.name = function () {
this.firstName + " " + this.lastName を返します;
};toUpperCase() メソッドでテキストを大文字に変換します。
JavaScript オブジェクトを表示するためのいくつかのソリューションは次のとおりです -
オブジェクトのプロパティを名前で表示、オブジェクトを表示
ループ内のプロパティ、Object.values()、
を使用したオブジェクトの表示 JSON.stringify() を使用してオブジェクトを表示する
オブジェクト For In ループ -
const person = {
名前: "ジョン"、
年齢: 30、
都市: 「ニューヨーク」
};
let text = "";
for (x を直接会わせてください) {
テキスト += 人[x] + " ";
};
document.getElementById("demo").innerHTML = text;ループ内では person[x] を使用する必要があります。 person.x は機能しません (
のため) x はループ変数です)。Object.values() はプロパティ値から配列を作成します。
例 - Object.values(person)Object.entries() を使用すると、ループ内でオブジェクトを簡単に使用できます。
JavaScript オブジェクトは JSON メソッド
で文字列に変換できます JSON.stringify().オブジェクト型を作成するには、オブジェクト コンストラクター関数を使用します。
関数 人(最初、最後、年齢、目) {
this.firstName = first;
this.lastName = last;
this.age = 年齢;
this.eyeColor = eye;
}
const myFather = new Person("ジョン", "ドウ", 50, "ブルー");
const myMother = 新しい人("サリー", "ラリー", 48, "グリーン");
myMother.changeName = 関数 (名前) {
this.lastName = 名前;
}
myMother.changeName("Doe");
document.getElementById("demo").innerHTML =
「私の母の姓は " + myMother.lastName;
これは例です!HTML イベント は、HTML 要素で発生する「事柄」です。
のとき JavaScript は HTML ページで使用されており、JavaScript はこれらの
に「反応」できます。 イベント。 HTML イベント -
の例をいくつか示します。 HTML Web ページの読み込みが完了しました。HTML 入力フィールドは
でした 変更され、HTML ボタンがクリックされました。 一般的な HTML イベント -
onchange - HTML 要素が変更されました
onclick - ユーザーが HTML 要素をクリックします
onmouseover - ユーザーが HTML 要素上にマウスを移動します
onmouseout - ユーザーがマウスを HTML 要素から遠ざけます
onkeydown - ユーザーがキーボードのキーを押します
onload - ブラウザはページの読み込みを完了しました
文字列
String はテキストを保存するためのものです。文字列は
で記述されます 引用.テンプレート文字列 は ES6 (JavaScript
) で導入されました 2016)。テンプレートは バッククォート で囲まれた文字列です (これは
です) テンプレート文字列)。テンプレートでは、
内で一重引用符と二重引用符を使用できます。 弦。テンプレートは Internet Explorer ではサポートされていません。文字列の長さを見つけるには、組み込みの長さ
を使用します。 プロパティ。バックスラッシュ エスケープ文字 () は特殊文字
に変わります 文字列に変換します。 let text = "私たちは北から来たいわゆる「ヴァイキング」です。"; let text= '大丈夫です。';JavaScript オブジェクトとしての文字列 - let y = new String("John");
String オブジェクトを作成しないでください。新しいキーワードによりコードが複雑になり、実行速度が遅くなります。 文字列オブジェクトは予期しない結果を引き起こす可能性があります
2 つの JavaScript オブジェクトを比較すると、常に false が返されます。
基本的な 文字列メソッド -
- 文字列 length - length プロパティは、長さを返します。 文字列。
- String charAt() - charAt() メソッドは文字を返します。 文字列内の指定されたインデックス (位置) にあります。
- 文字列 charCodeAt() - charCodeAt() メソッドは、 文字列内の指定されたインデックスにある文字のコード。の メソッドは UTF-16 コード (0 ～ 65535 の整数) を返します。
- の文字列()
- 文字列 [ ]
- 文字列スライス()
- 文字列部分文字列()
- 文字列 substr()
- 文字列 toUpperCase()
- 文字列 toLowerCase()
- 文字列 concat()
- 文字列トリム()
- 文字列trimStart()
- 文字列トリムエンド()
- 文字列 PadStart()
- 文字列 PadEnd()
- 文字列の繰り返し()
- 文字列 replace()
- 文字列 replaceAll()
- 文字列分割()
文字列 検索メソッド -
- 文字列indexOf()
- 文字列 lastIndexOf()
- 文字列検索()
- 文字列一致()
- 文字列 matchAll()
- 文字列 include()
- 文字列startsWith()
- 文字列はendsWith()
テンプレート文字列では、引用符 ("") ではなくバックティック (``) を使用して文字列を定義します。
以上がJS関数、オブジェクト、文字列の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。