javascript - 是否可以通过循环数组来填充对象实例?

标签 javascript arrays javascript-objects

我正在制作一个日记应用程序,每次在我的 html 表单上提交输入时都需要创建一个对象实例。

我想创建一个循环,它接受结果中的输入并将它们转换为新对象实例中的值。到目前为止,我的尝试给了我一个具有未定义值的实例。这可能吗?

results = []

function example(a, b){
    this.a = a;
    this.b = b;
}

function getElements(){
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
results.push(a,b)
}

我尝试循环创建示例的新实例

function createNewDay(){
    for (i = 0;i<results.length;i++){
    var x = new day([i])
    }
}

当我 console.log => example{a:undefined, b:undefined}

最佳答案

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <input id="a" type="text">
  <input id="b" type="text">
  <button type="submit" id="submit">Submit</button>
  <button type="button" id="view">View results in console</button>
</body>
<script type="text/javascript">
var results = [];

function Example(a, b) {a
  this.a = a;
  this.b = b;
}

function getElements() {
 var a = document.getElementById('a').value;
 var b = document.getElementById('b').value;
 results.push(new Example(a, b));
}

function loopResults() {
  for (var i = 0; i < results.length; i++) {
    console.log(results[i]);
  }
}

document.getElementById('submit').addEventListener('click', getElements, false);
document.getElementById('view').addEventListener('click', loopResults, false);
</script>
</html>

演示:http://jsbin.com/jehupayomu/1/

关于javascript - 是否可以通过循环数组来填充对象实例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39778429/

相关文章:

javascript - Selectize.js 预填充

sql - 在 Postgres 中的数组字段中搜索

arrays - 当满足某些条件时,从该对象数组中删除对象

javascript - 使用 document.querySelector ('.' ).style。改变一个 div 的 *两个* CSS 属性

javascript - WebDriver Selenium : Javascript code coverage without server access

javascript - 为 Javascript 类型数组创建位掩码

c - 何时使用具有最大值的数组以及何时进行 malloc

javascript - 我如何组合数组中的数据值来创建一个新数组

javascript - 如何将javascript对象值传递给其 "child"对象

javascript - 禁用编码html的输入