Javascript 配列やオブジェクト操作のサンプル
Javascriptのデータ構造の1つである配列やオブジェクトを操作するサンプルコードを記載してます。よく使用されるデータ構造なので、是非サンプルをご活用下さい
配列操作
変数を複数格納することができる配列の作成方法や操作方法に関するサンプルコードとなります。
- 配列に値を追加する
- 配列に複数の値を一括で挿入する
- 配列の指定した位置に要素を入れる
- 配列内で使用しているデータをカウントする
- 配列を比較して値が同じかを判定する
- 配列の平均値を求める
- 配列データを結合して文字列として扱う
- 配列の先頭に値を追加する
- 配列の先頭の値を取得して削除する
- 配列の最後の値を取得する
- 配列を指定した長さに変更する
- sliceを使用して配列の最後の値を取得する
- 配列の値を反転させる
- 配列を逆順からforEachする
- ランダムな整数の配列を生成する
- 配列内の要素からランダムに値を抽出する
- 重複しないランダムな配列を作成する
- 配列をソート(並び替え)する
- 配列のアルファベットを大文字小文字区別なくソート(並び替え)する
- nullを含んだ配列をソートする
- sort関数で逆順にデータをsortする
- n個の配列データを作成する
- 配列の値を全て削除する
- 配列の指定した位置を入れ替える
- 配列内の数値の最大値と最小値を取得する
- 配列の指定した範囲を固定値に変更する
- 配列内に指定した値が含まれているか判定する
- 配列から指定した条件で値を抽出する
- 配列からn番ずつ値を取得する
- 配列で指定したインデックス番号が存在するか確認する
- 配列の値を全てに同じ変更をして新しい配列を作成する
- 配列データの一部の値が条件を満たしているかを判定する
- 配列データの全ての値が条件を満たしているかを確認する
- 配列にある要素が別の配列にある要素に含まれているかを判定する
- 配列が空であるかを判定する
- 配列からsetを生成する
- 配列の偶数番目・奇数番目の要素を取得する
- 配列を結合して新しい配列を作成する
- 配列を指定した単位で分割する
- 配列の各要素の出現回数をカウントする
- 2次元配列を1次元配列に変換する
- 2次元配列にデータを追加する
- 2次元配列からオブジェクトを生成する
- ランダムな整数の2次元配列を生成する
- 2次元配列に指定した値が含まれているかを判定する
- 2次元配列から重複を除いて抽出する
- 多次元配列を作成する
- 個数を指定して空の2次元配列を作成する
- 配列に重複した値を追加できないようにする
- 配列の展開代入を行う
- 配列を変更不可にする
- 配列であるかを判定する
- reduceメソッドを使用して配列の総和を取得する
- reduceRightメソッドを使用して右から左へ順に累積した結果を求める
- 2つの配列からそれぞれをkeyとvalueにしたオブジェクトを作成する
- 配列の一部をコピーして同じ配列の一部に適応する
- maxメソッドで配列の中の最大値を取得する
- minメソッドを使って配列の中の最小値を取得する
- カンマで区切ったデータを配列化する
- 配列をカンマ区切りの文字列に変換する
- 配列に指定した文字列が含まれているかを判定する
- 配列に条件を指定した値があるか判定する
- csvファイルを読み込んで配列化する
- 配列から重複したデータを抽出する
- filterで配列から重複を除いて抽出する
- 配列から重複を除外する5つの方法
- 配列から数値のみを取り出す
- 配列の後方から条件に一致にした値を抽出する
- スプレッド構文（…）を使って配列の先頭の値を削除する
- スプレッド構文（…）を利用して文字列を配列化する
- スプレッド構文（…）を利用して配列をコピーする
- 配列をディープコピーする
- mapを使って配列を操作する
- querySelectorAllを使用して要素を配列として取得する
- array.filterで配列の値を削除する
- 配列からnull以外のデータを抽出する
- 配列から重複してないデータだけを抽出する
- 配列で重複する値の最後のインデックス番号を取得する
- setオブジェクトを使用して配列から重複を除去する
- for ofを使って配列をフロントに表示する
- forEachを使用して配列を表示する
- forEachで処理を終了する
- fromEntriesを使用して配列をオブジェクトに変換する
- メソッドを配列の変数で使用する
- Symbol.iteratorを使用して反復可能なオブジェクトや配列を取得する
- コールバック関数で指定した条件を全て満たす配列であるか判定する
- コールバック関数で指定した条件に一致する配列の位置を取得する
- 配列をオブジェクト化する
- オブジェクトの配列をオブジェクト化する
- オブジェクトの配列の重複を除く
- オブジェクトの配列に指定したオブジェクトが含まれているかを判定する
- オブジェクトの配列から指定したプロパティを削除する
- オブジェクトの配列のプロパティを更新する
- オブジェクトの配列からプロパティでgroup byする
- 配列内のユニークな要素の数をカウントする
- 配列っぽい値を配列化する
- 2つの配列をそれぞれkeyとvalueにしてオブジェクトの配列を生成する
- 配列からfalseだけを削除する
- 配列から真偽値のみを抽出する
- 配列データ内からbigintのみを抽出する
- 配列から配列データのみを抽出する
- 配列内の値の前後の空白を除去する
- 配列から文字列のみを抽出する
- 配列を文字列に変換する
- 指定した個数で空の配列を作成する
- 配列からNaN以外のデータを抽出する
- 配列からundefined以外のデータを抽出する
- 配列をliタグで表示する
- 1文字単位で文字列を配列化する
- 配列からMapに変換する
- 配列の標準偏差を求める
- 配列の分散値を求める
- 配列の中央値を求める
- 配列の最頻値を求める
オブジェクト操作
キーと値で構成されているjavascriptのデータ型であるオブジェクトの作成方法や操作方法に関するサンプルコードとなります。
- オブジェクトを配列化する
- オブジェクトを比較演算子で比較した結果
- オブジェクトであるかを判定する
- オブジェクトを文字列に変換する
- オブジェクトを比較する
- オブジェクトの要素の値を変更する
- オブジェクトの要素の数を取得する
- オブジェクトをループさせてkey・valueを全て取得する
- オブジェクトの値の合計を求める
- オブジェクトの最初の値を取得する
- オブジェクトのvalue値を指定してkeyを取得する
- オブジェクトを反転させる
- 階層のあるオブジェクトをループして最下層のkeyとvalueを取得する
- オブジェクトをkeyとvalueで配列化する
- オブジェクトのvalueからundefinedを削除する
- オブジェクトにプロパティを追加する
- オブジェクトのプロパティの値を取得する
- オブジェクトに指定したプロパティが存在するか判定する
- inを使用してオブジェクトに指定したプロパティが存在するか判定する
- オブジェクトを書き込み・削除不可にする
- オブジェクトの要素を追加する
- オブジェクトの要素を削除する
- オブジェクトの最初の要素を削除する
- オブジェクトの最後の要素を削除する
- オブジェクトの最後の値を取得する
- オブジェクトのvalueの最大値と最小値を取得する
- オブジェクトをインデックス番号を指定して取得する
- オブジェクトをコピーまたはマージする
- オブジェクトのプロパティの追加を禁止する
- オブジェクトのプロパティの編集や追加をできないようにする
- オブジェクトのプロパティの追加と削除を不可にする
- オブジェクトのプロパティの拡張が禁止されているかを判定する
- オブジェクトのプロパティの拡張と削除が禁止されているかを判定する
- オブジェクトのプロパティを削除する
- オブジェクトのプロパティを簡潔に記述する
- オブジェクトのプロパティ値に変数を利用する
- オブジェクトからkeyのみを抽出する
- オブジェクトをキー名でソートする
- オブジェクトを値でソートする
- 分割代入を使用してオブジェクトをkeyとvalueに分ける
- オブジェクトをconsoleにテーブルとして出力する
- オブジェクトが空であるかを判定する
- オブジェクトの配列からプロパティを指定して重複を除く
- オブジェクトの配列から指定したプロパティの総和を計算する
- オブジェクトの配列内の日付をソートする
- オブジェクトの値を全てhtmlで表示する
- for-inを使用してオブジェクトのキーを取得する
- alertにオブジェクトを表示する
- オブジェクトの配列からkeyとvalueを取得する
- オブジェクトの配列のソートを行う
- オブジェクトの値を全て結合する
- オブジェクトのkeyに変数を使用する
- オブジェクトの配列から指定したプロパティの値を変更する
- オブジェクトの配列から指定したプロパティが重複していれば抽出する
- オブジェクトのプロパティをflatに取得する
- オブジェクトからnullの値を除去する
- オブジェクトをhtml上に表示する
- for-ofでオブジェクトを取り扱う
- newを使ってオブジェクトを生成する
- オブジェクトを継承する
- オブジェクト内にある配列に要素を追加する
- 2つのオブジェクトの配列を比較して同じものだけ抽出する
- オブジェクトからmapを生成する
- オブジェクトからURLパラメーターを生成する