Javascriptでよく使うメソッド一覧と使い方について

ここではJavaScriptでよく使うメソッド一覧と簡単に使い方について紹介します。

配列に関するメソッド

.forEach()
配列の要素を一つずつ処理する

//JavaScript

const fruits = ['apple', 'banana', 'orange'];
fruits.forEach( fruit => {
  console.log(fruit);
});

.map()
配列の各要素に処理をして新しい配列を作る

//JavaScript

const numbers = [ 1, 2, 3];
const doubled = numbers.map( n => n * 2); //[2, 4, 6];

.filter()
条件に一致する要素だけを抽出

//JavaScript

const numbers = [1, 2, 3, 4];
const even = numbers.filter( n => n % 2 === 0); //[2, 4];

.find()
条件に一致する最初の要素を返す

//JavaScript

const users = [{name: "Tom"}, {name:"Jane"}];
const user = users.find( u => u.name === "Jane"); //{name:"Jane"}

.includes()
指定した要素が隠れているか確認

//JavaScript

const colors = { "red", "green", "blue"};
colors.includes( "green"); //true

.push() / .pop()
配列の末尾に追加 / 末尾から削除

//JavaScript

const arr = { 1, 2 };
arr.push(3); //{ 1, 2, 3 }
arr.pop(); //{ 1, 2 }

文字列に関するメソッド

.length
文字数を取得

//JavaScript

"Hello".length; // 5

.toUpperCase() / .toLowerCase()
大文字 / 小文字に変換

//JavaScript

"hello".toUpperCase(); //"HELLO"

.replace()
文字列を置き換え

//JavaScript

"Hello world".replase("world", "JS"); //"world JS"

.split()
文字列を区切って配列に

//JavaScript

"apple, banana, orange".split(" , "); //{"apple", "banana", "orange"}

数値に関するメソッド

Math.round() / Math.floor() / Math.ceil()
四捨五入 / 切り捨て / 切り上げ

//JavaScript

Math.round(4.5); //5
Math.floor(4.9); //4
Math.ceil(4.1); //5

Number() / parseInt() / parseFloat()
文字列を数値に変換

//JavaScript

Number("10"); //10
parseInt("10.5"); //10
parseFloat("10.5"); //10.5

オブジェクトに関するメソッド

Object.Keys() / Object.values() / Object.entries()
キー / 値 / キーと値のペアを配列に

//JavaScript

const obj = {a: 1, b: 2};
Object.keys(obj); //["a", "b"]
Object.values(obj); //[1, 2]
Object.entries(obj); //[["a", 1], ["b", 2]]

hasOwnProperty()
特定のキーが存在するか確認

//JavaScript

obj.hasOwnProperty("a"); //true

日付に関するメソッド

new Date()
現在日時を取得

//JavaScript

const now = new Date();

.getFullYear() / .getMonth() / .getDate()
年 / 月 (0~11) / 日を取得

//JavaScript

now.getFullYear(); //2025
now.getMonth(); //3(4月)
now.getDate(); //16

他にもたくさんのメソッドがありますが一番よく使うようなメソッドをピックアップしてまとめてみました。
実際にコードをご自身で書いてみて少しずつ身に着けていきましょう！！