JavaScriptの主要なメソッドを一覧

JavaScriptには数多くのメソッドがあり、それぞれ異なる用途で使用されます。ここでは、JavaScriptの主要なメソッドを一覧形式で紹介します。

配列（Array）メソッド

Array.prototype.push(): 配列の末尾に要素を追加し、新しい配列の長さを返す。

let arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]

Array.prototype.pop(): 配列の末尾から要素を削除し、その要素を返す。

let arr = [1, 2, 3];
arr.pop(); // 3, arr = [1, 2]

Array.prototype.shift(): 配列の先頭から要素を削除し、その要素を返す。

let arr = [1, 2, 3];
arr.shift(); // 1, arr = [2, 3]

Array.prototype.unshift(): 配列の先頭に要素を追加し、新しい配列の長さを返す。

let arr = [1, 2, 3];
arr.shift(); // 1, arr = [2, 3]

Array.prototype.map(): 配列の各要素に対して関数を適用し、新しい配列を返す。

let arr = [1, 2, 3];
let doubled = arr.map(x => x * 2); // [2, 4, 6]

Array.prototype.filter(): 配列の各要素に対して条件をチェックし、条件を満たす要素のみを含む新しい配列を返す。

let arr = [1, 2, 3, 4];
let evenNumbers = arr.filter(x => x % 2 === 0); // [2, 4]

Array.prototype.reduce(): 配列の各要素を累積的に処理し、単一の値を返す。

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, x) => acc + x, 0); // 10

Array.prototype.forEach(): 配列の各要素に対して関数を適用するが、値を返さない。

let arr = [1, 2, 3];
arr.forEach(x => console.log(x)); // 1, 2, 3

Array.prototype.includes(): 配列が特定の要素を含んでいるかをチェックし、true か false を返す。

let arr = [1, 2, 3];
arr.includes(2); // true

Array.prototype.find(): 条件を満たす最初の要素を返し、見つからなければ undefined を返す。

let arr = [1, 2, 3, 4];
let found = arr.find(x => x > 2); // 3

文字列（String）メソッド

String.prototype.charAt(): 文字列内の指定されたインデックスにある文字を返す。

let str = "Hello";
str.charAt(1); // "e"

String.prototype.concat(): 2つ以上の文字列を結合して、新しい文字列を返す。

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

String.prototype.includes(): 文字列が特定の文字列を含んでいるかをチェックし、true か false を返す。

let str = "Hello World";
str.includes("World"); // true

String.prototype.indexOf(): 文字列内で指定した文字列が最初に現れる位置を返し、見つからない場合は -1 を返す。

let str = "Hello World";
str.indexOf("World"); // 6

String.prototype.slice(): 文字列の一部を抽出して新しい文字列を返す。

let str = "Hello World";
let newStr = str.slice(0, 5); // "Hello"

String.prototype.split(): 文字列を指定した区切り文字で分割し、配列を返す。

let str = "Hello World";
let arr = str.split(" "); // ["Hello", "World"]

String.prototype.toLowerCase(): 文字列を小文字に変換して返す。

let str = "Hello World";
str.toLowerCase(); // "hello world"

String.prototype.trim(): 文字列の先頭と末尾の空白を削除して新しい文字列を返す。

let str = "  Hello World  ";
str.trim(); // "Hello World"

数値（Number）メソッド

Number.prototype.toFixed(): 数値を指定した小数点以下の桁数で表した文字列を返す。

let num = 123.456;
num.toFixed(2); // "123.46"

Number.prototype.toString(): 数値を文字列に変換して返す。

let num = 123;
num.toString(); // "123"

Number.prototype.toPrecision(): 数値を指定した精度で表した文字列を返す。

let num = 123.456;
num.toPrecision(4); // "123.5"

オブジェクト（Object）メソッド

Object.keys(): オブジェクトのすべてのキーを配列として返す。

let obj = { a: 1, b: 2, c: 3 };
Object.keys(obj); // ["a", "b", "c"]

Object.values(): オブジェクトのすべての値を配列として返す。

let obj = { a: 1, b: 2, c: 3 };
Object.values(obj); // [1, 2, 3]

Object.entries(): オブジェクトのキーと値のペアを配列の配列として返す。

let obj = { a: 1, b: 2, c: 3 };
Object.entries(obj); // [["a", 1], ["b", 2], ["c", 3]]

Object.assign(): 1つまたは複数のオブジェクトのプロパティをコピーして新しいオブジェクトを作成する。

let target = { a: 1 };
let source = { b: 2 };
let newObj = Object.assign(target, source); // { a: 1, b: 2 }

Object.freeze(): オブジェクトを凍結し、プロパティの追加、削除、または変更を防ぐ。

let obj = { a: 1 };
Object.freeze(obj);
obj.a = 2; // 無視される

日付（Date）メソッド

Date.now(): 現在のタイムスタンプ（ミリ秒単位）を返す。

let timestamp = Date.now(); // 例: 1625485587890

Date.prototype.getFullYear(): 日付オブジェクトの4桁の年を返す。

let date = new Date();
date.getFullYear(); // 例: 2023

Date.prototype.getMonth(): 日付オブジェクトの月（0から11まで）を返す。

let date = new Date();
date.getMonth(); // 例: 6 (7月)

Date.prototype.getDate(): 日付オブジェクトの日（1から31まで）を返す。

let date = new Date();
date.getDate(); // 例: 10

Date.prototype.getDay(): 日付オブジェクトの曜日（0から6まで、日曜日が0）を返す。

let date = new Date();
date.getDay(); // 例: 0 (日曜日)

Date.prototype.toDateString(): 日付オブジェクトの日付部分を読みやすい形式の文字列にして返す。

let date = new Date();
date.toDateString(); // "Sun Jul 10 2023"

その他のユーティリティメソッド

Math.random(): 0以上1未満の擬似乱数を返す。

let random = Math.random(); // 例: 0.123456789

Math.floor(): 指定された数値以下の最大の整数を返す。

let num = 1.9;
Math.floor(num); // 1

Math.ceil(): 指定された数値以上の最小の整数を返す。

let num = 1.1;
Math.ceil(num); // 2

Math.round(): 指定された数値を四捨五入して最も近い整数を返す。

let num = 1.5;
Math.round(num); // 2

JSON.stringify(): JavaScriptオブジェクトをJSON形式の文字列に変換する。

let obj = { a: 1, b: 2 };
JSON.stringify(obj); // '{"a":1,"b":2}'

JSON.parse(): JSON形式の文字列をJavaScriptオブジェクトに変換する。

let jsonString = '{"a":1,"b":2}';
let obj = JSON.parse(jsonString); // { a: 1, b: 2 }

このリストは、JavaScriptの代表的なメソッドをカバーしていますが、
JavaScriptにはこれ以外にも多くのメソッドがあります。
実際の開発では、プロジェクトのニーズに合わせて適切なメソッドを選び、活用することが重要です。

Favorite