JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] canvasの画像をBase64形式に変換する

canvasの画像をBase64形式に変換するには、.toDataURL()を使用します。 サンプルソース 例)canv ...

[JavaScript] 数値が有限数かどうかチェックを行う(isFinite)

数値が有限数かどうかチェックをするには、isFinite()関数を使用します。 サンプル 例)isFinite関数の結果 ...

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

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

[JavaScript] HTMLタグに独自属性を設定する(dataset)

HTMLタグに独自の属性を設定したい場合は、datasetという仕組みを使用します。 カスタムデータ属性とも呼ばれます ...

[JavaScript] 次のコントロールを取得する(.nextElementSibling)

あるコントロールオブジェクトの次のコントロールオブジェクトを取得するには、.nextElementSiblingを使用し ...

スポンサーリンク