JavaScriptのさまざまなメソッド

JavaScript は、Web ページに動的な効果と対話性を追加するために使用されるプログラミング言語です。 Web ページ内の要素の操作、文字列と値の操作、時間間隔やアニメーション効果の作成などに役立つメソッドが多数あります。この記事では、JavaScript のいくつかの重要なメソッドと、その使用法と例について説明します。

1. 文字列メソッド

1. .length
   このメソッドは、任意の文字列の長さを返すことができます。

例:
let string = "Hello World";
console.log(string.length); // 出力結果は次のとおりです: 11

# # .charAt()
2. このメソッドは、指定されたインデックスにある文字を返します。
   

例:

let string = "Hello World";
console.log(string.charAt(3)); // 出力結果は次のとおりです: 'l'

.concat()
3. このメソッドは、1 つ以上の文字列を連結して、新しい文字列を返すことができます。
   

例:

let string1 = "Hello";
let string2 = "World";
console.log(string1.concat(" ", string2)); / / 出力結果は次のとおりです: "Hello World"

.indexOf()
4. このメソッドは、文字列内の最初の一致の位置を返します。一致が見つからない場合は -1 を返します。
   

例:

let string = "Hello World";
console.log(string.indexOf("o")); // 出力結果は次のとおりです: 4

.replace()
5. このメソッドは、文字列内のテキストを置換できます。
   

例:

let string = "Hello World";
console.log(string.replace("World", "JavaScript")); // 出力結果は次のとおりです。 " Hello JavaScript"

.slice()
6. このメソッドは、文字列の指定された部分を返すことができます。
   

例:

let string = "Hello World";
console.log(string.slice(1, 5)); // 出力結果は次のとおりです: "ello"

2. 配列メソッド

.length
1. このメソッドは配列の長さを返すことができます。
   

例:

let array = [1, 2, 3, 4, 5];
console.log(array.length); // 出力結果は次のとおりです: 5

.push()
2. このメソッドは、1 つ以上の要素を配列の末尾に追加し、新しい長さの値を返します。
   

例:

let array = [1, 2, 3, 4, 5];
console.log(array.push(6)); // 出力結果は次のとおりです: 6

.pop()
3. このメソッドは、配列の末尾の要素を削除し、削除された要素を返すことができます。
   

例:

let array = [1, 2, 3, 4, 5];
console.log(array.pop()); // 出力結果は次のとおりです。 5

.join()
4. このメソッドは、配列のすべての要素を文字列に結合できます。
   

例:

let array = [1, 2, 3, 4, 5];
console.log(array.join(",")); // 結果を出力それは次のとおりです: "1,2,3,4,5"

.splice()
5. このメソッドは、配列の要素を追加または削除できます。
   

例:

let array = [1, 2, 3, 4, 5];
array.splice(2, 0, "a", "b");
console.log(array); //出力結果は次のとおりです: [1, 2, "a", "b", 3, 4, 5]

.sort()
6. このメソッドは配列をソートします。
   

例:

let array = [3, 1, 4, 2, 5];
console.log(array.sort()); // 出力結果は次のとおりです。 [ 1, 2, 3, 4, 5]

3. 数値メソッド

.valueOf()
1. このメソッドは数値の元の値を返すことができます。
   

例:

let num = 123;
console.log(num.valueOf()); // 出力結果は次のとおりです: 123

.toString()
2. このメソッドは数値を文字列型に変換できます。
   

例:

let num = 123;
console.log(num.toString()); // 出力結果は次のとおりです: "123"

#.toFixed()

このメソッドは、指定された小数点以下の桁数を保持できます。
3. 
   
例:

let num = 3.14159;

console.log(num.toFixed(2)); // 出力結果は次のとおりです: "3.14"

.parseInt()

このメソッドは文字列を整数型に変換できます。
4. 
   
例:

let string = "123";

console.log(parseInt(string)); // 出力結果は次のとおりです: 123

# # .parseFloat()

このメソッドは、文字列を浮動小数点数型に変換できます。

5. 
   例:
let string = "3.14159";

console.log(parseFloat(string)); // 出力結果は次のとおりです: 3.14159

4.イベント メソッド

.addEventListener()

このメソッドは、指定された要素のイベント リスナーを追加できます。

1. 
   例:
let button = document.querySelector("button");

button.addEventListener("click", function() {

console.log("Hello World");
});


.removeEventListener()

このメソッドは、指定された要素のイベント リスナーを削除できます。

2. 
   例:
let button = document.querySelector("button");

function handleClick() {

console.log("Hello World");
}
button.addEventListener("click", handleClick);
button.removeEventListener("click", handleClick);

上記は、JavaScript で一般的に使用されるメソッドの一部です。もちろん他にもたくさんの方法がありますが、上記の方法をマスターすると、Web 開発がより快適になります。

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