4、JSON.stringify()---将JavaScript 对象转换为json字符串

4、JSON.stringify()

在向 web 服务器发送数据时,数据必须是字符串。
通过 JSON.stringify() 把 JavaScript 对象转换为字符串。

对 JavaScript 对象进行字符串化

在 JavaScript 中有obj这个对象:

var obj = { name:"Bill Gates", age:62, city:"Seattle"};

使用 JavaScript 函数 JSON.stringify() 将它转换为字符串。

var myJSON = JSON.stringify(obj);

结果将是遵守 JSON 标记法的一段字符串。

Stringify JavaScript 数组

也可以对 JavaScript 数组进行字符串化:

在 JavaScript中有这个数组:

var arr = [ "Bill Gates", "Steve Jobs", "Elon Musk" ];

使用 JavaScript 函数 JSON.stringify() 将其转换为字符串。

var myJSON = JSON.stringify(arr);

结果将是遵守 JSON 标记法的字符串。

myJSON 目前是一段字符串,并准备好送往服务器。

日期字符串化

在 JSON 中,不允许日期对象。JSON.stringify() 函数将把任何日期转换为字符串。

<script>
var obj = { name: "Bill Gates", today: new Date(), city: "Seattle" };
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
</script>

输出:
{"name":"Bill Gates","today":"2019-10-24T10:33:02.054Z","city":"Seattle"}
函数字符串化

在 JSON 中,不允许函数作为对象值。

应该避免在 JSON 中使用函数,函数会失去其作用域,而且您还需要使用 eval() 将它们转换回函数。

JSON.stringify() 函数将从 JavaScript 对象删除任何函数,包括键和值:

<script>
var obj = { name: "Bill Gates", age: function () {return 62;}, city: "Seattle" };
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
</script>

输出:
{"name":"Bill Gates","city":"Seattle"}

<script>
var obj = { name: "Bill Gates", age: function () {return 62;}, city: "Seattle" };
//把函数转换为字符串,就可以在 JSON 对象中保留该函数
obj.age = obj.age.toString();  
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
</script>

输出json:
{"name":"Bill Gates","age":"function () {return 62;}","city":"Seattle"}
上一篇:axios使用post提交方式


下一篇:JSON.stringify 语法实例讲解