js連想配列への要素の追加

jsで連想配列への要素を追加したいとき

let obj ={}

let key = '追加したい要素のキーとなる変数'
let val = '追加したい要素の値'

// 一番普通なやつ
obj[key] = val

// 個人的に好きなやつ
obj = {
  ...obj,
  ...{ [key]: val }
}


//最近見かけた、これが一番良いのかも
Object.assign(obj,{
    [key]: val
  })

ループで回しながら追加したいときなんかは、どれが見やすいだろうね
pushとかがあったらいいのになー