循環槽項目，將它們添加到對象並執行console.log

Question

我循環槽單選按鈕以將其值添加到javascript對象。 當我執行console.log時，我僅將最后一項視為“對象的一部分”，而不是整個對象。

我究竟做錯了什么？

      var steps = {};
      var elements = document.getElementsByTagName("input");
       for(var i = 0; i<elements.length; i++) {
        if(elements[i].type === "radio")
         {
           Object.assign(steps, {name: elements[i].value});                
         }
       }

     console.log(steps);

Answer 1

您正在循環執行以下操作

Object.assign（steps，{name：elements [i] .value}）;

這基本上是用值elements [i] .value添加一個鍵名 。

Object.assign（）方法用於將所有可枚舉的自身屬性的值從一個或多個源對象復制到目標對象。 它將返回目標對象。

您需要將步驟轉換為數組，然后按入其中的所有鍵。 另外，您可以更改名稱鍵，使其唯一，盡管最好將其轉換為數組。

對於數組，您需要執行以下操作

var steps = [];
var elements = document.getElementsByTagName("input");
for (var i = 0; i < elements.length; i++) {
  if (elements[i].type === "radio") {
    steps.push({ name: elements[i].value });
  }
}

console.log(steps);