2024年06月14日
4.[JS] 配列操作
javascriptの配列には「添字配列」と「連想配列」があります。
| 添字配列 | 連想配列 | |
| 概要 | [値]だけを登録する配列です。 | [キー]と[値]をセットで登録する配列です |
| 登録 | 登録は [] 角括弧(bracket)を使用する
例：['a' , 'b'] |
登録は {} 波括弧(brace)を使用する
例：{'a' : 1 , 'b' : 2'} |
| データの取り出し | 番号を指定する（0～）
例：Array[n] |
キー名を指定する
例：Array['a'] |
| ループメソッド | ループで取り出すのは下記になります。
例：for( item of array) { 処理 } |
ループで取り出すのは下記になります。
例：for(item in array) { 処理 } |
配列を操作するメソッドには下記の様な物があります。
下記に詳細を解説していきます。
| メソッド | 何ができるか（抜粋） |
| for ofメソッド
フォー・オブ |
[配列] を順番に呼び出すループメソッドです。 |
| .indexOf()
インデックス・オブ |
[配列]又は[文字列]をサーチして、指定された文字列があるかを判定します。 |
| .join()
ジョイン |
[配列]を区切り文字（デリミタ）で連結した[文字列]にします。 |
| .length
レングス |
[配列] 又は [文字列] の個数をカウントします。 |
| .slice()
スライス |
[配列] の指定した位置から [配列]を取り出します。 |
| .push()
プッシュ |
[配列] の末尾に要素を追加します。 |
| .unshift()
アン・シフト |
[配列]の先頭に要素を追加します。 |
| .pop()
ポップ |
[配列]の末尾要素を削除します。 |
| .shift()
シフト |
[配列]の先頭要素を削除します。 |
| .map(func)
マップ |
[配列]の各要素を処理し、新しい[配列]を生成します。 |
| メソッド | 何ができるか（抜粋） |
| for inメソッド
フォー・イン |
[連想配列] を順番に呼び出すループメソッドです。 |
| Object.keys()
オブジェクト・キー |
[連想配列]からキーを配列として取りだします。 |
| Object.values()
オブジェクト・バリュー |
[連想配列]からデータを配列として取りだします。 |
単純にループ処理をする for文 も配列に利用する事ができます。
利用方法はリンク先を見て下さい。
配列や連想配列で使った事例を載せています。