JavaScriptのよく使用するメソッド一覧

Numberオブジェクト

基本的なプロパティ

基本的な算術演算メソッド

数値の比較と検証

数値の変換と表現

ビット操作

  • ビットシフト:<<, >>, >>>(符号付き、符号無し)
  • ビット演算:&(AND), |(OR), ^(XOR), ~(NOT)

数学関連メソッド(Mathオブジェクト)

Stringオブジェクト

基本的なプロパティ

  • length:文字列の長さを返す

文字列の操作と変換

文字列のフォーマットと出力

  • toString():文字列オブジェクトを文字列に変換
  • valueOf():文字列オブジェクトのプリミティブ値を返す
  • localeCompare(compareString[, locales[, options]]):文字列を地域固有の方法で比較

静的メソッド

  • String.fromCharCode(...codes):Unicodeコードポイントから文字列を作成
  • String.fromCodePoint(...codePoints):1つ以上のコードポイントから文字列を作成

Arrayオブジェクト

基本的なプロパティ

  • length:配列の長さ(要素数)

配列の作成と変換

  • Array.from(source[, mapFn[, thisArg]]):配列風のオブジェクトまたは反復可能なオブジェクトから新しい配列インスタンスを作成
  • Array.isArray(obj):指定された値が配列かどうかを判断(静的メソッド)
  • Array.of(...elements):与えられた引数から新しい配列インスタンスを作成(静的メソッド)
  • toString():配列を文字列に変換
  • join(separator):配列の全ての要素を文字列に結合

要素の追加と削除

  • push(...elements):配列の末尾に一つ以上の要素を追加し、新しい長さを返す
  • pop():配列の末尾から要素を取り除き、その要素を返す
  • shift():配列の最初の要素を取り除き、その要素を返す
  • unshift(...elements):配列の最初に一つ以上の要素を追加し、新しい長さを返す
  • splice(start[, deleteCount[, ...items]]):配列の要素を取り除き/追加

要素の検索とアクセス

  • indexOf(searchElement[, fromIndex]):指定された要素が最初に出現するインデックスを返す
  • lastIndexOf(searchElement[, fromIndex]):指定された要素が最後に出現するインデックスを返す
  • includes(valueToFind[, fromIndex]):配列が特定の要素を含んでいるか判断
  • find(predicate[, thisArg]):テストに合格する最初の要素の値を返す
  • findIndex(predicate[, thisArg]):テストに合格する最初の要素のインデックスを返す
  • slice([begin[, end]]):配列の一部を浅くコピーして新しい配列オブジェクトを返す

配列の反復処理

  • forEach(callbackFn[, thisArg]):配列の各要素に対して提供された関数を実行
  • map(callbackFn[, thisArg]):配列内の各要素に関数を適用し、結果から新しい配列を作成
  • filter(callbackFn[, thisArg]):テストを通過した全ての要素からなる新しい配列を作成
  • reduce(callbackFn[, initialValue]):配列の各要素に対して(左から右へ)関数を適用し、単一の出力値を生成
  • reduceRight(callbackFn[, initialValue]):配列の各要素に対して(右から左へ)関数を適用し、単一の出力値を生成
  • some(callbackFn[, thisArg]):配列内の少なくとも一つの要素がテスト関数を満たす場合にtrueを返す
  • every(callbackFn[, thisArg]):配列の全ての要素がテスト関数を満たす場合にtrueを返す

その他のメソッド

  • sort([compareFunction]):配列の要素を適切な場所にソートし、配列を返す
  • reverse():配列の要素の順序を逆にする
  • concat(...values):配列または値を結合して新しい配列を作成
  • copyWithin(target[, start[, end]]):配列内の一部の要素を同じ配列の別の位置に浅くコピーし、変更された配列を返す
  • fill(value[, start[, end]]):配列の要素を静的な値で埋める
  • flat([depth]):指定された深さまで配列内のサブ配列を再帰的に連結して新しい配列を作成
  • flatMap(callbackFn[, thisArg]):最初にマッピング関数を適用し、その後フラット化を行う

【JavaScript】matchesメソッドの使い方を徹底解説!Elementインターフェイスの使い方を学ぼう!

2024/2/29  

はじめに matchesメソッドは、特定の要素がCSSセレクターにマッチするかどうかを確認するために使用されます。詳細な説明、引数、戻り値、さらには実践的な使用例を通じて、このメソッドの機能を深く理解 ...

【javascript】 文字列の比較方法4選を徹底解説!!

2024/2/21  

はじめに JavaScriptでの文字列比較は、ウェブ開発において頻繁に遭遇するシナリオの一つです。 この記事では、JavaScriptで文字列を比較するさまざまな方法を、基本から応用まで詳しく解説し ...

【JavaScript】normalizeメソッドでUnicode正規化形式にしよう!

2024/1/26  

JavaScriptのnormalize()メソッド:Unicode正規化形式を使用した文字列正規化 JavaScriptのnormalize()メソッドは、Unicode文字列の正規化を行うメソッド ...

【JavaScript】文字列のフォーマットを整えるpadStart()とpadEnd()の使い方

2024/1/26  

JavaScriptのpadStart()とpadEnd():文字列のフォーマットを整える JavaScriptのpadStart()とpadEnd()メソッドは、文字列を特定の長さに達するまで特定の ...

【JavaScript】文字列を正規表現で検索するmatch、matchAllメソッドを徹底解説!

2024/1/26  

JavaScriptのmatch(regexp)とmatchAll(regexp):正規表現を活用した文字列検索 JavaScriptでの文字列処理において、正規表現を使用するmatch(regexp ...

【JavaScript】文字列を指定した分繰り返すrepeatメソッドを徹底解説!!

2024/1/26  

JavaScriptのrepeat(count):文字列を指定した回数だけ繰り返す JavaScriptのrepeat(count)メソッドは、指定した回数だけ文字列を繰り返すために使用されます。この ...

【JavaScript】文字列の特定の位置を求めるindexOf()とlastIndexOf()を徹底解説

2024/1/26  

JavaScriptのindexOf()とlastIndexOf():文字列内の特定の値の位置を効率的に検出する JavaScriptでの文字列処理において、indexOf(searchValue[, ...

【JavaScript】特定の文字列を判定するincludesメソッドを徹底解説!

2024/1/26  

JavaScriptのincludes(searchString[, position]):文字列内の特定の部分を効率的に検出する JavaScriptにおける文字列処理において、includes(s ...

【JavaScript】文字列の始まりと終わりを判定する startsWith()とendsWith()を徹底解説 

2024/1/26  

JavaScriptのstartsWith()とendsWith():文字列の始まりと終わりを判断する JavaScriptにおける文字列処理には、多くの便利なメソッドがありますが、その中でもstar ...

【JavaScript】文字列置換!replace、replaceAllメソッドの使い方を徹底解説!

2024/1/26  

JavaScriptのreplace()とreplaceAll():文字列置換の全て JavaScriptでの文字列操作では、特定の文字列を別の文字列に置換することがよくあります。この操作を行うために ...

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock