javascript - 如何使用for循环在javascript中创建对象

Question

我有 20 个文本框名字、姓氏、电子邮件等...我想使用 for 循环创建这些文本框值的对象。

var object = {};
for (var x = 0; x; x++) {

这就是我想要得到的结果:

Object {name: "gill", lastname: "bill", email: "gill@abc.com"}

Answer 1

var inputs = ...;

var obj = {};
for ( var i = 0; i < inputs.length; i++ )
  obj[inputs[i].name] = inputs[i].value;

如何填写 ... 取决于您的输入在 HTML 中的定义方式以及您希望如何对它们进行分组。如果你想选择页面上的所有输入，你可以使用

var inputs = document.getElementsByTagName( 'input' );

但是，如果您向页面添加其他输入(例如搜索栏)，这可能会给您带来奇怪的行为。

如果您的所有字段都包含在某个具有 id 的祖先元素中，您可以使用:

var inputs = document
  .getElementById( 'ancestorId' )
  .getElementsByTagName( 'input' )
;