JavaScript - 連想配列(マップ、ディクショナリー)

公開日：2018-11-29 更新日：2019-05-13

1. 概要

連想配列(マップ、ディクショナリー) の使い方です。
配列はキーが数値に限られますが、連想配列では、文字列をキーとして使用できます。
また、文字列以外に、数値やオブジェクトもキーとして使用できます。

2.1 連想配列

var map = {
	name: 'test',
	age: 20,
	addresss: 'Tokyo'
};

map['name'] = "abc";
map['tel']  = "0000";
console.log( map['name'] );     //abc
console.log( map['age'] );      //20
console.log( map['addresss'] ); //Tokyo
console.log( map['tel'] );      //0000

map.name = "xyz";
map.tel  = "1111";
console.log( map.name );     //xyz
console.log( map.age );      //20
console.log( map.addresss ); //Tokyo
console.log( map.tel );      //1111

キーはダブルコーテーションなどで囲っても囲わなくても問題ない。
また、要素と要素の間にカンマがないとエラーになるため、行の最後にはカンマを付ける。
最後の要素にカンマを付けてもエラーにはならない。
var map = {
	'name'  : 'test',
	"age"   : 20,
	addresss: 'Tokyo', //後ろに要素がなくても、最後にカンマをつけて問題ない
};

console.log( map.name );     //test
console.log( map.age );      //20
console.log( map.addresss ); //Tokyo

2.2 連想配列の全ての要素の出力

連想配列の全て要素をループして出力します。

var map = {
	name     : 'test',
	age      : 20,
	addresss : 'Tokyo',
};

for (var key in map) {
	console.log( map[key] );
	//console.log( map.key ); //undefined
}

test
20
Tokyo


Tag

New Article