原生JavaScript 获取动态表单的值并转换为对象（JSON）

需求：
网页有一个插件配置项表单，每个插件的配置项不同，有<input>，<textarea>两种形式的输入方式，需要用一个js喊出将标签的 name 和 value 属性取出，并创建为对象，以JSON格式发送到后端。

代码如下

const getConfigJson = function () {
  var json = new Object()
  var inputs = document.getElementsByTagName("input") // 取得所有DOM
  for (let index = 0; index < inputs.length; index++) { // 遍历DOM获取值
    const element = inputs[index]
    var key = element.name
    if (element.type === 'number')
        var value = element.value
    if (element.type === 'checkbox')
        var value = element.checked // ? 1 : 0  
        //checkbox应根据需求赋值为true/false或 1/0
    json[key] = value // 利用 ES6 计算属性名为对象创建属性
  }

  var textareas = document.getElementsByTagName("textarea") // 思路同上
  for (let index = 0; index < textareas.length; index++) {
    const element = textareas[index]
    json[element.name] = element.value
  }

  console.log(JSON.stringify(json))
  return JSON.stringify(json)// 最后返回JSON
}

实践效果略。

总结：
时下“去jQuery”是大趋势，能用原生就用原生吧。
https://github.com/camsong/blog/issues/4

参考：
MDN: getElementsByTagName
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getElementsByTagName
MDN: 对象初始化 计算属性名
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Object_initializer#计算属性名
如何获取checkbox的值
https://blog.csdn.net/DreamWeaver_zhou/article/details/79492899
如何将JavaScript对象转成JSON字符串
https://blog.csdn.net/yaerfeng/article/details/7292000