関数の引数にオブジェクトを使用する

<form name="form" action="">
  <div>
    <h3>text</h3>
    <input name="textName" type="text" value="hello,JavaScript form!" />
  </div>
  <div>
    <h3>radio</h3>
    <div>
      <input type="radio" id="red" name="radioName" value="r" checked />
      <label for="red">RED</label>
    </div>
    <div>
      <input type="radio" id="green" name="radioName" value="g" />
      <label for="green">GREEN</label>
    </div>
    <div>
      <input type="radio" id="red" name="radioName" value="b" />
      <label for="blue">BLUE</label>
    </div>
  </div>
</form>

setFormValues({
  textName: "CHANGED!!",
  radioName: "b",
});

// setTimeout(setFormValues, 1000, {
//   textName: "CHANGED!!",
//   radioName: "b",
// });

function setFormValues(obj) {
  // オブジェクトの値を取得するfor文
  for (let key in obj) {
    console.log(key, obj[key]);
    document.forms.form[key].value = obj[key];
  }
}