JavaScript

[JavaScript] オブジェクト(連想配列)の配列の生成・更新・削除を行う

投稿日:2016年10月1日 更新日:

JavaScriptでオブジェクト(連想配列)の配列に関するサンプルです。

オブジェクト(連想配列)の配列を生成

まず、連想配列の配列は以下のように生成できます。

例)オブジェクト(連想配列)の配列を生成する

※これより先のサンプルはこのデータを元にします。

オブジェクト(連想配列)の配列から値を取り出す

連想配列の配列から値を取り出すサンプルです。

例)配列2番目のキーがnameの値を取り出す

上の例だと、"タマ"が取得されます。

オブジェクト(連想配列)の配列から要素を更新する

連想配列の配列の要素を更新するサンプルです。

例)配列3番目のキーがageの値を6に更新する

上の例だと、モモのageが6に更新されます。

オブジェクト(連想配列)の配列から要素を削除する

オブジェクト(連想配列)の配列の要素を削除するサンプルです。

例)オブジェクト(連想配列)の配列の要素を削除するサンプルいろいろ

※spliceの引数には以下を指定します。
 第1引数:削除するインデックス番号
 第2引数:削除する個数


スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 日付文字列(YYYYMMDD)から年度を求める

日付文字列(YYYYMMDD)から年度を求めるサンプルです。 サンプルソース 例)引数に日付文字列(YYYYMMDD)を ...

[JavaScript] ページロード完了時のイベントを取得する(onLoad)

ページロード完了時のイベントを取得するには、onloadを使用します。 window.onloadを使うパターンと、bo ...

[JavaScript] セレクトボックスを未選択状態にする

セレクトボックスを未選択状態にするには、selectedIndexに -1 をセットすればOKです。 サンプルソース 例 ...

[JavaScript] keypressイベントを取得する(onKeyPress)

keypressイベントを取得するサンプルです。 サンプルソース 例1)テキストボックスでキーを押すとキーコードが表示さ ...

[JavaScript] 文字列を置換する(.replace)

文字列を置換するサンプルです。 置換には、replace関数を使用します。 一番初めに出現した置換対象文字のみ置換する ...

スポンサーリンク