あれこれ

ArrayオブジェクトとMapオブジェクトとSetオブジェクトの簡単な値の取り出し方とかのメモ

Arrayオブジェクト

その名の通り配列

コード

/* Arrayオブジェクト */
let array = new Array(); // 場合によってはvarでいいかも

// [0 => 'AAA', 1=>'BBB', 2=>'CCC']
array = ['AAA', 'BBB', 'CCC'];

console.log(array[1]);

実行結果

BBB

Mapオブジェクト

連想配列てきな使い方ができるみたい

コード

/* Mapオブジェクト */
let map = new Map();

// ['AAA' => 'あああ', 'BBB' => 'いいい', 'CCC' => 'ううう']
map.set('AAA', 'あああ');
map.set('BBB', 'いいい');
map.set('CCC', 'ううう');

// getメソッドを使ってkeyを指定
console.log(map.get('BBB'));

実行結果

いいい

Setオブジェクト

キーで管理されないデータ（値）の集合（データのおもちゃ箱）

コード

/* Setオブジェクト */
let set = new Set();

set.add('AAA');
set.add('BBB');
set.add('CCC');

// 値に対してアクセスできない（有無のチェックはできる）
console.log(set.has('BBB'));

// 値を出力することもできる
for (let value of set.values()) {
    console.log(value);
}

実行結果

1つ目のconsole.log

true

2つ目のconsole.log

AAA
BBB
CCC

おわり

JavaScriptむずかしい
Mapは連想配列って考え方でおおむねOKなんです？
Setってどんな時使うんや
Array/Map/Setオブジェクトのあれこれ教えてください

参考

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで　参考本
letとvarの違い - Qiita
(初心者向け) JavaScript の連想配列 (Map) と集合 (Set) - Qiita