どうも、ちょげ(@chogetarou)です。
連想配列(Associative Array)にキー(key)と値(value)のペアを追加する方法を紹介します。
方法
連想配列(Associative Array)にキー(key)と値(value)のペアを追加する方法は、ObjectとMapで異なります。
Object(オブジェクト)の場合
Object(オブジェクト)の連想配列にキーと値のペアを追加する方法は、３つあります。
[]
ひとつめは、[]を使う方法です。
まず、Objectの追加するキーに[]でアクセスします。
そして、Objectの追加するキーに、キーの値を代入します。
//key=追加するキー、value=keyの値
obj[key] = value上記のコードは、[]内に指定したキーと代入した値のペアをObjectに追加します。
使用例
const nums = {
"one": 1,
"two": 2,
"three": 3,
}
nums["four"] = 4
nums["five"] = 5
console.log(nums){ one: 1, two: 2, three: 3, four: 4, five: 5 }. (ドット)
ふたつめは、「. (ドット)」を使う方法です。
まず、Objectの追加するキーに「. (ドット)」でアクセスします。
そして、アクセスしたキーに、キーの値を代入します。
//key=追加するキー、value=keyの値
obj.key = value上記のコードは、アクセスしたキーと代入した値のペアをObjectに追加します。
使用例
const nums = {
"one": 1,
"two": 2,
"three": 3,
}
nums.four = 4
nums.five = 5
console.log(nums){ one: 1, two: 2, three: 3, four: 4, five: 5 }assign
みっつめは、assign()を使う方法です。
まず、Object.assign()を呼び出します。
そして、Object.assign()の第１引数にオブジェクト、第２引数に追加するキーと値のペアをまとめたオブジェクトを指定します。
//objに「key1: value1」、「key2: value2」・・・を追加
Object.assign(obj, {key1: value1, key2: value2, ・・・})上記のassign()は、第１引数のObjectに第２引数のObjectのキーと値のペアを全て追加します。
使用例
const nums = {
"one": 1,
"two": 2,
"three": 3,
}
Object.assign(nums, {"four": 4, "five": 5, "six": 6})
console.log(nums)出力：
{ one: 1, two: 2, three: 3, four: 4, five: 5, six: 6 }Map(マップ)の場合
Map(マップ)の連想配列の場合は、set()を使います。
まず、Mapからset()を呼び出します。
そして、set()の第１引数に追加するキー、第２引数にキーの値を指定します。
//mapにkey(キー)とvalue(値)のペアを追加
map.set(key, value)上記のset()は、呼び出したMap(マップ)に引数のキーと値のペアを追加します。
使用例
const nums = new Map();
nums.set("one", 1)
nums.set("two", 2)
nums.set("three", 3)
nums.set("four", 4)
nums.set("five", 5)
console.log(nums)出力：
Map(5) {
'one' => 1,
'two' => 2,
'three' => 3,
'four' => 4,
'five' => 5
}まとめ
連想配列(Associative Array)にキー(key)と値(value)のペアを追加する方法は、ObjectとMapで異なります。
- Objectの場合
obj[key] = valueobj.key = valueObject.assign(obj, {key1: value1, key2: value2, ・・・})
- Mapの場合
map.set(key, value)
コメント