JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] エラー発生時のイベントを取得する(onError)

エラー発生時のイベントを取得するには、onerrorイベントハンドラを使用します。 サンプルソース 例)画像が読み込めな ...

[JavaScript] コンソールにオブジェクトの中身をテーブル形式で出力する(console.table)

コンソールにオブジェクトの中身をテーブル形式で出力するには、console.tableを使用します。 サンプルソース 例 ...

[JavaScript] フォーム部品にフォーカスをセットする

テキストボックスやラジオボタンなどのコントロールにフォーカスをセットするには、 focus()を使用します。 サンプル ...

[JavaScript] リアルタイムに入力文字数を表示する

リアルタイムに入力文字数を表示するサンプルです。 サンプルソース 例)リアルタイムに入力文字数を表示する [crayon ...

[JavaScript] OSやブラウザの情報を取得する

JavaScriptでOSやブラウザの情報を取得する方法です。 JavaScriptでOSやブラウザの情報を取得する 以 ...

スポンサーリンク