如何使用 javascript 以 json 格式显示此代码答案

【问题标题】：how to display this code in json format using javascript如何使用 javascript 以 json 格式显示此代码
【发布时间】：2019-11-04 10:12:47
【问题描述】：

function data(name, age) {
  var biodata = {
    name: "meme ",
    age: "17",
    address: "Malang",
    hobbies: ["reading, hearing podcast"],
    is_married: false,
    list_school: [{
        name: "SMKN 5 Malang",
        year_in: 2016,
        year_out: 2018,
        major: "Rekayasa Perangkat Lunak"
      },
      {
        name: "SMKN 5 Malang",
        year_in: 2016,
        year_out: 2018,
        major: "Teknik Komputer Jaringan"
      }
    ],
    skill: [{
        name: "Programming",
        level: "Beginner"
      },
      {
        name: "Gaming",
        level: "Advanced"
      },
      {
        name: "Driving",
        level: "Advanced"
      },
    ],
    interest_in_coding: false
  };
  final = JSON.parse(nama + age + address + hobbies + is_married + list_school + skill + interest_in_coding)

}
return final

【问题讨论】：

你的data 函数没有 return 什么...为什么你没有返回结果？
您正在寻找的可能是let final = JSON.stringify(biodata)。 return 语句应该在函数内部，而不是在它之后。
怎么做？
JSON.stringify(object) 将在 UI 中显示为 json

标签： javascript arrays json

【解决方案1】：

我认为，JSON.stringify 正是您要找的。您只需要将整个对象字符串化（在您的情况下为 biodata）。

要了解有关 JSON 的更多信息，请查看this link。

此外，您的 return 在函数之外，这将引发错误。

function data(name, age) {
  var biodata = {
    name: "meme ",
    age: "17",
    address: "Malang",
    hobbies: ["reading, hearing podcast"],
    is_married: false,
    list_school: [{
        name: "SMKN 5 Malang",
        year_in: 2016,
        year_out: 2018,
        major: "Rekayasa Perangkat Lunak"
      },
      {
        name: "SMKN 5 Malang",
        year_in: 2016,
        year_out: 2018,
        major: "Teknik Komputer Jaringan"
      }
    ],
    skill: [{
        name: "Programming",
        level: "Beginner"
      },
      {
        name: "Gaming",
        level: "Advanced"
      },
      {
        name: "Driving",
        level: "Advanced"
      },
    ],
    interest_in_coding: false
  };
  let final = JSON.stringify(biodata);
  return final;
}

console.log(data());

如果我得到你想要返回的正确点并将 JSON 保存到文件？看看 this fiddle。

（如果是这样，你的问题还不够清楚。）

【讨论】：

api.bukalapak.com/v2/products/f3vi.json - 示例 json ，如何让代码看起来像我给的链接
不是吗？我想是这样......唯一的区别是，您的“示例 json”存储更多数据。点击“Run code snipped”查看结果。

【解决方案2】：

满足您期望输出的完美解决方案我在这里使用的功能是

JSON.stringify(obj, replacer, space)

请检查 JavaScript 代码高度关注此代码

JSON.stringify(biodata, undefined, 4);

function data(name,age) {
var el_down = document.getElementById("DOWN"); 
  var biodata = {
    name: "meme ",
    age: "17",
    address: "Malang",
    hobbies: ["reading, hearing podcast"],
    is_married: false,
    list_school: [{
        name: "SMKN 5 Malang",
        year_in: 2016,
        year_out: 2018,
        major: "Rekayasa Perangkat Lunak"
      },
      {
        name: "SMKN 5 Malang",
        year_in: 2016,
        year_out: 2018,
        major: "Teknik Komputer Jaringan"
      }
    ],
    skill: [{
        name: "Programming",
        level: "Beginner"
      },
      {
        name: "Gaming",
        level: "Advanced"
      },
      {
        name: "Driving",
        level: "Advanced"
      },
    ],
    interest_in_coding: false
  };
  
el_down.innerHTML = JSON.stringify(biodata, undefined, 4); 

}
data("name","age")

&lt;pre id="DOWN" style= "color:green; font-size: 20px; font-weight: bold;"&gt; &lt;/pre&gt;

【讨论】：

上面的代码几乎是对的，只是内容必须用json格式的“return”发出，不能使用文件“.HTML”
@kuibeatbox 此处的代码与我的答案几乎相同，它只是将 JSON 呈现为 HTML。如果我说对了，你想把你的回报变成一个 JSON 文件吗？看看我更新的答案（代码下方是小提琴的链接）。