在利用js開發的過程中，json字串和json物件是需要相互轉換的，那麼json字串轉json物件以及json物件轉換為json字串究竟是如何實現的呢？接下來就給大家看一下具體的範例。
一、JSON字串轉換為JSON物件
var obj = JSON.parse(str[, reviver]);
範例：
JSON.parse('{}'); // {}
JSON.parse('true'); // true
JSON.parse('"foo"'); // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse('null'); // null
JSON.parse('1'); // 1登入後複製
reviver:如果是函數，則在被傳回之前對原始值執行其方法後傳回。
解析JSON字串並傳回對應的值，可以額外傳入一個轉換函數，用來將產生的值和其屬性, 在傳回之前進行某些修改。函數的參數k、v、分別代表傳回的屬性名稱和屬性值
JSON.parse('{"p": 5}', function (k, v) {
if(k === '') return v; // 如果到了最顶层，则直接返回属性值，
return v * 2; // 否则将属性值变为原来的 2 倍。
}); // { p: 10 }
JSON.parse('{"1": 1, "2": 2,"3": {"4": 4, "5": {"6": 6}}}', function (k, v) {
console.log(k); // 输出当前的属性名，从而得知遍历顺序是从内向外的，
// 最后一个属性名会是个空字符串。
return v; // 返回原始属性值，相当于没有传递 reviver 参数。
});
// 1
// 2
// 4
// 6
// 5
// 3
// ""登入後複製
二、將JSON物件轉換為JSON字串。
JSON.stringify(value[, replacer [, space]])
#value將會序列化成 一個JSON 字串的值。
replacer 可選如果該參數是一個函數，則在序列化過程中，被序列化的值的每個屬性都會經過該函數的轉換和處理。
space 可選擇指定縮排用的空白字串，用於美化輸出（pretty-print）；如果參數是個數字，它代表有多少的空格；上限為10。該值若小於1，則表示沒有空格；如果該參數為字串(字串的前十個字母)，則字串將被作為空格；如果該參數沒有提供（或為null）將沒有空格。例：
JSON.stringify({}); // '{}'
JSON.stringify(true); // 'true'
JSON.stringify("foo"); // '"foo"'
JSON.stringify([1, "false", false]); // '[1,"false",false]'
JSON.stringify({ x: 5 }); // '{"x":5}'
JSON.stringify({x: 5, y: 6});
// "{"x":5,"y":6}"
JSON.stringify([new Number(1), new String("false"), new Boolean(false)]);
// '[1,"false",false]'
JSON.stringify({x: undefined, y: Object, z: Symbol("")});
// '{}'
JSON.stringify([undefined, Object, Symbol("")]);
// '[null,null,null]'
JSON.stringify({[Symbol("foo")]: "foo"});
// '{}'
JSON.stringify({[Symbol.for("foo")]: "foo"}, [Symbol.for("foo")]);
// '{}'
JSON.stringify(
{[Symbol.for("foo")]: "foo"},
function (k, v) {
if (typeof k === "symbol"){
return "a symbol";
}
}
);
// undefined
// 不可枚举的属性默认会被忽略：
JSON.stringify(
Object.create(
null,
{
x: { value: 'x', enumerable: false },
y: { value: 'y', enumerable: true }
}
)
);
// "{"y":"y"}"登入後複製
如果replacer是數組，則數組的值代表將被序列化成JSON字串的屬性名。
JSON.stringify(foo, ['week', 'month']);
// '{"week":45,"month":7}', 只保留“week”和“month”属性值。登入後複製
三、使用 JSON.stringify 結合 localStorage本地存儲
一些時候，你想存儲用戶創建的一個對象，並且，即使在瀏覽器被關閉後仍能恢復該對象。下面的例子是 JSON.stringify 適用於這種情況的一個樣板：
// 创建一个示例数据
var session = {
'screens' : [],
'state' : true
};
session.screens.push({"name":"screenA", "width":450, "height":250});
session.screens.push({"name":"screenB", "width":650, "height":350});
session.screens.push({"name":"screenC", "width":750, "height":120});
session.screens.push({"name":"screenD", "width":250, "height":60});
session.screens.push({"name":"screenE", "width":390, "height":120});
session.screens.push({"name":"screenF", "width":1240, "height":650});
// 使用 JSON.stringify 转换为 JSON 字符串
// 然后使用 localStorage 保存在 session 名称里
localStorage.setItem('session', JSON.stringify(session));
// 然后是如何转换通过 JSON.stringify 生成的字符串，该字符串以 JSON 格式保存在 localStorage 里
var restoredSession = JSON.parse(localStorage.getItem('session'));
// 现在 restoredSession 包含了保存在 localStorage 里的对象
console.log(restoredSession);登入後複製
四、對於IE8以下舊版本的支援Polyfill
JSON物件可能不會被舊版的瀏覽器支持。可以將下面的程式碼放到JS腳本最開始的位置，這樣就可以在沒有原生支援 JSON 物件的瀏覽器（如IE6）中使用 JSON物件。
以下演算法是對原生JSON物件的模仿：
也可以引入JSON3.js的cdn
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
<script>
JSON.stringify({"Hello": 123});
// => '{"Hello":123}'
JSON.parse("[[1, 2, 3], 1, 2, 3, 4]", function (key, value) {
if (typeof value == "number") {
value = value % 2 ? "Odd" : "Even";
}
return value;
});
// => [["Odd", "Even", "Odd"], "Odd", "Even", "Odd", "Even"]
</script>登入後複製
相關推薦：
js 將json字串轉換為json物件的方法解析
#
以上是js中json字串和json物件互相轉化的方法實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！
