在本文中,我們將學習 JavaScript 中 JSON 到字符串的轉換。在 JavaScript 中將 JSON 轉換為字符串意味著將以 JSON 格式表示的 JavaScript 對象或數據結構序列化為文本 JSON 字符串以進行數據存儲或傳輸。
JavaScript 中可以使用多種方法將 JSON 轉換為字符串,如下所示:
- 使用JSON.stringify()方法
- 使用帶有縮進的 JSON.stringify()
- 使用 JSON.stringify() 和 Replacer 函數
- 使用 JSON.parse() 和 JSON.stringify() 方法
我們將借助示例探索上述所有方法及其基本實現。
方法一:使用JSON stringify()方法
在這種方法中,JavaScript 中的 JSON.stringify() 將 JSON 數據轉換為格式化字符串表示形式。
用法:
JSON.stringify(value, replacer, space);
例子:在此示例中,我們使用above-explained方法。
Javascript
const data = { name: "Nikita", age: 21, city: "Noida" };
const result = JSON.stringify(data);
console.log(result);
{"name":"Nikita","age":21,"city":"Noida"}
方法 2:使用JSON stringify()帶壓痕
在此方法中,在 JavaScript 中使用 JSON.stringify(),指定用於縮進的可選參數,以將 JSON 數據格式化為更具可讀性和結構化的字符串表示形式,以進行調試或可視化。
用法:
const result = JSON.stringify(data, null, 2);
例子:在此示例中,我們使用above-explained 方法。
Javascript
const data = { name: "Aman", age: 21, city: "Noida" };
const result = JSON.stringify(data, null, 2);
console.log(result);
{ "name": "Aman", "age": 21, "city": "Noida" }
方法 3:使用JSON stringify()具有替換函數
在這種方法中,我們使用 JSON.stringify() 和 JavaScript 中的自定義替換函數來轉換或省略特定值,同時將 JSON 數據轉換為字符串表示形式。
用法:
const result = JSON.stringify(data, (key, value) => {
if (typeof value === "number") {
// Modify number values
return value * 2;
}
return value;
});
例子:在此示例中,我們使用above-explained 方法。
Javascript
const data = { name: "Rahul", age: 30, city: "Delhi" };
const result = JSON.stringify(data, (key, value) => {
if (typeof value === "number") {
// Modify number values
return value * 2;
}
return value;
});
console.log(result);
{"name":"Rahul","age":60,"city":"Delhi"}
方法 4:使用JSON parse()其次是JSON stringify()方法
在這種方法中,我們使用 JSON.parse() 將 JSON 字符串轉換為 JavaScript 對象,然後使用 JSON.stringify() 將對象轉換回 JSON 字符串
用法:
const jsonObject = JSON.parse(str1);
const result = JSON.stringify(jsonObject);
例子:在此示例中,我們將 str1 解析為 JavaScript 對象,存儲為 jsonObject,然後使用 JSON.stringify(jsonObject) 轉換回 JSON 字符串。
Javascript
const str1 = '{"key1":"value1","key2":"value2"}';
const jsonObject = JSON.parse(str1);
const result = JSON.stringify(jsonObject);
console.log(result);
{"key1":"value1","key2":"value2"}
相關用法
- Javascript JSON parse()用法及代碼示例
- Javascript JSON.stringify()用法及代碼示例
- Javascript JSON.parse()和JSON.stringify()的區別用法及代碼示例
- Javascript Atomics.add( )用法及代碼示例
- Javascript Atomics.and()用法及代碼示例
- Javascript Atomics.compareExchange( )用法及代碼示例
- Javascript Atomics.exchange( )用法及代碼示例
- Javascript Atomics.isLockFree( )用法及代碼示例
- Javascript Atomics.load( )用法及代碼示例
- Javascript Atomics.or( )用法及代碼示例
- Javascript Atomics.store( )用法及代碼示例
- Javascript Atomics.sub( )用法及代碼示例
- Javascript Atomics.xor()用法及代碼示例
- Javascript Date.UTC( )用法及代碼示例
- Javascript array.flatMap()用法及代碼示例
- Javascript Array.of()用法及代碼示例
- Javascript array.includes()用法及代碼示例
- Javascript Array.isArray()用法及代碼示例
- Javascript array.keys()用法及代碼示例
- Javascript array.reduceRight()用法及代碼示例
- Javascript array.toLocaleString()用法及代碼示例
- Javascript array.values()用法及代碼示例
- Javascript arrayBuffer.byteLength用法及代碼示例
- Javascript ArrayBuffer.isView()用法及代碼示例
- Javascript boolean.toString()用法及代碼示例
注:本文由純淨天空篩選整理自vishalkumar2204大神的英文原創作品 How to Convert JSON to string in JavaScript ?。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。