[JavaScript]連想配列にキー(key)と値(value)のペアを追加するには?

JavaScript

どうも、ちょげ(@chogetarou)です。

連想配列(Associative Array)にキー(key)と値(value)のペアを追加する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

連想配列(Associative Array)にキー(key)と値(value)のペアを追加する方法は、ObjectとMapで異なります。

Object(オブジェクト)の場合

Object(オブジェクト)の連想配列にキーと値のペアを追加する方法は、3つあります。

[]

ひとつめは、[]を使う方法です。

まず、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()の第1引数にオブジェクト、第2引数に追加するキーと値のペアをまとめたオブジェクトを指定します。

//objに「key1: value1」、「key2: value2」・・・を追加
Object.assign(obj, {key1: value1, key2: value2, ・・・})

上記のassign()は、第1引数のObjectに第2引数の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()の第1引数に追加するキー、第2引数にキーの値を指定します。

//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] = value
    • obj.key = value
    • Object.assign(obj, {key1: value1, key2: value2, ・・・})
  • Mapの場合
    map.set(key, value)

コメント

タイトルとURLをコピーしました