6
4

More than 5 years have passed since last update.

【JavaScript】Array/Map/Setオブジェクトの簡単な使い方まとめ

Last updated at Posted at 2018-02-10

あれこれ

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オブジェクトのあれこれ教えてください

参考

6
4
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
4