JavaScriptのさまざまなメソッド

JavaScript は、Web 開発、ゲーム開発、モバイル アプリケーション開発などのさまざまな分野で使用できる、広く使用されているプログラミング言語です。メソッドは JavaScript 開発の非常に重要な部分です。この記事では、JavaScript のさまざまなメソッドを紹介し、例を通してこれらのメソッドの応用を示します。

パート 1: 基本メソッド

1. alert() メソッド

alert() メソッドは、ブラウザ ページにダイアログ ボックスをポップアップするために使用されます。通常、ユーザーに情報や警告を表示するために使用されます。

構文:

alert("メッセージ");

例:

alert("私の Web サイトへようこそ!");

2. prompt() メソッド

prompt() メソッドは、ユーザーに情報の入力を求めるダイアログ ボックスをポップアップ表示するために使用されます。ユーザーが入力した値 (文字列型) を返します。

構文:

prompt("message","default value");

例:

let name = prompt("名前を入力してください: ","Zhang San");

3. console.log() メソッド

console.log() メソッドは、コードをデバッグするときに最も一般的に使用されるメソッドです。コンソールに情報を出力します。文字列、変数、オブジェクト、配列などの型のデータを出力できます。

構文:

console.log("message");

例:

let num = 10;
console.log("番号は「 num);

4. parseInt() メソッド

parseInt() メソッドは、文字列を整数型に変換するために使用されます。変換できない場合は NaN が返されます。

構文:

parseInt(string, radix);

string: 整数に変換される文字列。

radix: 基数変換、オプション。設定されていない場合、デフォルトは 10 です。

例:

let str = "123";
let num = parseInt(str);
console.log(num); //123

5. parseFloat() メソッド

parseFloat() メソッドは、文字列を浮動小数点数型に変換するために使用されます。変換できない場合は NaN が返されます。

構文:

parseFloat(string);

string: 浮動小数点数に変換される文字列。

例:

let str = "3.14";
let num = parseFloat(str);
console.log(num); //3.14

パート 2: 配列メソッド

1. push() メソッドと Pop() メソッド

push() メソッドは配列の最後に要素を追加するために使用されます。 Pop() メソッド 配列の末尾の要素を削除するために使用されます。

構文:

push(newelement);

pop();

例:

let Fruits = ["Apple" ,"バナナ","オレンジ"];
fruits.push("グレープ");
console.log(フルーツ); //["アップル","バナナ","オレンジ","グレープ" ]
fruits.pop();
console.log(fruits); //["Apple","Banana","Orange"]

2. shift() と unshift( )メソッド

shift() メソッドは配列の先頭にある要素を削除するために使用され、unshift() メソッドは配列の先頭に要素を追加するために使用されます。

構文:

shift();

unshift(newelement);

例:

let Fruits = ["Apple" ,"バナナ","オレンジ"];
fruits.unshift("ブドウ");
console.log(フルーツ); //["ブドウ","リンゴ","バナナ","オレンジ" ]
fruits.shift();
console.log(fruits); //["Apple","Banana","Orange"]

3. slice() メソッド

slice() メソッドは、配列から要素のセグメントをインターセプトするために使用されます。元の配列は変更されませんが、新しい配列が返されることに注意してください。

構文:

slice(start, end);

start: この位置を含む開始位置。

end: この位置を除く終了位置。

end を省略した場合、配列の開始位置から末尾までインターセプトされます。

例:

let Fruits = ["Apple","Banana","Orange","Grape"];
let newfruits = Fruits.slice(1,3);
console.log(newfruits); //["Banana","Orange"]

パート 3: 文字列メソッド

1. toUpperCase() メソッドと toLowerCase() メソッド

#toUpperCase() メソッドは文字列を大文字形式に変換するために使用され、toLowerCase() メソッドは文字列を小文字形式に変換するために使用されます。

構文:

toUpperCase();

toLowerCase();

例:

let str = "Hello World";

let newsstr1 = str.toUpperCase();
let newsstr2 = str.toLowerCase();
console.log(newstr1); //"HELLO WORLD"
console.log(newstr2); //「hello world」

indexOf() メソッドと lastIndexOf() メソッド

indexOf() メソッドは、指定された文字または文字列の位置を取得するために使用されます。弦。見つからない場合は -1 を返します。 lastIndexOf() メソッドは、indexOf() メソッドに似ていますが、文字列の末尾から検索を開始します。

構文:

indexOf(searchvalue, start);

searchvalue: 検索する値。文字または文字列にすることができます。

start: オプションのパラメータ。どのインデックスから検索を開始するか。

lastIndexOf(searchvalue, start);

例:

let str = "Hello World";

let pos1 = str.indexOf("l");
let pos2 = str.lastIndexOf("l");
console.log(pos1); //2
console.log(pos2); //9

concat() メソッド

concat() メソッドは、複数の文字列を連結して新しい文字列を生成するために使用されます。

構文:

concat(string1, string2, ..., stringn);

例:

let str1 = "Hello";

let str2 = "World";
let str3 = str1.concat(" ", str2);
console.log(str3); //"Hello World"

パート 4: オブジェクト方法＃＃＃

1. keys() メソッドと value() メソッド

keys() メソッドはオブジェクト内のすべてのキーを取得するために使用され、values() メソッドはすべてのキーを取得するために使用されます。オブジェクト内の値。どちらも配列を返します。

構文:

Object.keys(オブジェクト);

Object.values(オブジェクト);

例:

let obj = {name:"Zhang San",age:18,city:"Beijing"};
let キー = Object.keys(obj);
let 値 = Object.values(obj);
console .log(keys); //["name","age","city"]
console.log(values); //["Zhang San",18,"Beijing"]

2. toString() メソッド

toString() メソッドは、オブジェクトを文字列に変換するために使用され、デバッグやロギングによく使用されます。

構文:

object.toString();

例:

let obj = {name:"张三",age:18,city :"北京"};
console.log(obj.toString()); //"[オブジェクト オブジェクト]"

3. hasOwnProperty() メソッド

hasOwnProperty() メソッドは、オブジェクトに特定のプロパティが存在するかどうかを確認するために使用されます。存在する場合は true を返し、存在しない場合は false を返します。

構文:

object.hasOwnProperty(property);

property: チェックするプロパティの名前。

例:

let obj = {name:"Zhang San",age:18,city:"Beijing"};
console.log(obj.hasOwnProperty("name" )); //true
console.log(obj.hasOwnProperty("gender")); //false

パート 5: Date メソッド

1. Date() メソッド

Date() メソッドは、日付と時刻を取得または設定するために使用されます。パラメータが渡されない場合は、現在の日付と時刻が返されます。

構文:

new Date();

例:

let date = new Date();
console.log(date) ; //水曜日 8 月 04 2021 15:41:10 GMT 0800 (中国標準時)

2. getDate()、getMonth()、および getFull Year() メソッド

getDate () メソッドは現在の日付 (各月の日) を取得するために使用され、getMonth() メソッドは現在の月 (0 は 1 月を意味し、11 は 12 月を意味します) を取得するために使用されます。現在の月と年を取得します。

#構文:

getDate();

getMonth();

getFullyear();

例:

let date = new Date();

let day = date.getDate();
let month = date.getMonth() 1;
let year = date.getFull Year();
console.log(year "-" month "-" day); //"2021-8-4"

概要:

この記事では、コンソールでよく使われる基本的なメソッドと配列メソッドを紹介します。 JavaScript 、文字列メソッド、オブジェクト メソッド、日付メソッド、および対応する例を示し、読者の役に立つことを願っています。もちろん、JavaScript にはこれら以外にもメソッドがたくさんありますので、さらに詳しく知りたい場合は、さらに多くのドキュメントや参考書を参照して実践することをお勧めします。

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