将 Javascript 变量插入 JSON 对象答案

【问题标题】：Insert Javascript Variable into JSON Object将 Javascript 变量插入 JSON 对象
【发布时间】：2018-09-13 21:24:41
【问题描述】：

我有一个这样的 JSON 对象：

var values = {
"email": " ' + fn + ' ", // This field is required to identify existing customers.
"first_name": "email",
"last_name": "email",
"address": "email",
"city": "email",
"state": "email",
"zip": "email",
"dob": "email" // This field must match the following format: YYYYMMDD. This field is also required
};

我正在尝试插入：

var fn = 'Tom';

但是变量没有出现。我该怎么办？

【问题讨论】：

试试如何？不是“出现”在哪里？（这是一个 JavaScript 对象，而不是“JSON”对象。） edit 哦，我现在明白了。是的，那行不通。
使用 "email": fn ，就这么简单
测验问题：unicorn 和 JSON 对象 有什么共同点？

标签： javascript html variables frontend

【解决方案1】：

问题在于" ' + fn + ' " 被视为字符串，因此fn 永远不会被替换。你所追求的是：

var fn = "Tom";

var values = {
"email": " " + fn + " ", // This field is required to identify existing customers.
"first_name": "email",
"last_name": "email",
"address": "email",
"city": "email",
"state": "email",
"zip": "email",
"dob": "email" // This field must match the following format: YYYYMMDD. This field is also required
};

如果你不需要前后的空间，你可以使用email: fn

【讨论】：

【解决方案2】：

将 JSON 与 javascript 一起使用的标准方法是在您的应用程序中创建一个对象，在这种情况下，它可能看起来像这样

var values = {
   email: "Tom@whatever",
   name: "Tom"
}

您可以随心所欲地与此对象进行交互，例如

values.city = "New York";

然后，当您准备好创建一个表示该对象的 JSON 对象时，您可以使用 JSON.stringify() MDN docs here

在这种情况下

let jsonString = JSON.stringify(values);
console.log(jsonString);

产生这个结果：

{"email":"Tom@whatever","name":"Tom","city":"New York"}

这意味着您根本不必担心手动创建 JSON 字符串！

关于 JSON 的更多信息here

【讨论】：