将输入值推入 JSON 数组答案

【问题标题】：Pushing input values Into a JSON Array将输入值推入 JSON 数组
【发布时间】：2016-06-14 05:01:17
【问题描述】：

我正在尝试将输入文本框中的一些值推送到 JSON 数组。这是我尝试过的

代码：

<!DOCTYPE html>
<html>
<body>

<input id="studentnumber" placeholder="Student Number"></input>
<input id="status" placeholder="Status"></input>
<button id="bt1" onclick="newUser()">Validate</button>
<p id="demo"></p>

<script type="text/javascript">

//Array
var jsonStr = 
    '{"G11S":[{"StudentNumber":"1","status":"Pass"},{"StudentNumber":"2","status":"Pass"},{"StudentNumber":"3","status":"Pass"}]}';


function newUser(){

    x = document.getElementById("studentnumber").value;

    //Debug
    console.log(x);

    var obj = JSON.parse(jsonStr);
    obj['G11S'].push({"StudentNumber": "4","status": "Member"}); // <~~ What am I Supposed to replace the "4" with and the "Member aswell"

    jsonStr = JSON.stringify(obj);
    console.log(jsonStr);
}


</script>

</body>
</html>

所以我试图通过定义一个变量 (x) 来将“x”推入数组中以获取输入文本框的值：

x = document.getElementById("studentnumber").value;

尝试将其推送到第 25 行：

obj['G11S'].push({"StudentNumber": "4","status": "Member"});

【问题讨论】：

这是由于定义的变量'x'，被放置在第25行推送数据的语句中
试试我的回答，这是你想要的吗？如果不能，你能说清楚你需要什么吗？
@Akis_Tfs **感谢您的帮助兄弟** 就像一个魅力！

标签： javascript html arrays json

【解决方案1】：

您必须获取输入值并将它们存储在对象变量中，然后将该变量推送到 JSON 数组中：

function newUser(){
  var user = {};

  user.StudentNumber = document.getElementById("studentnumber").value;
  user.status = document.getElementById("status").value;

  //Debug
  console.log(user);

  var obj = JSON.parse(jsonStr);
  obj['G11S'].push(user);

  jsonStr = JSON.stringify(obj);
  console.log(jsonStr);
}

【讨论】：

谢谢 @Akis_Tfs ！