當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


Javascript JSON轉string用法及代碼示例

在本文中,我們將學習 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"}


相關用法


注:本文由純淨天空篩選整理自vishalkumar2204大神的英文原創作品 How to Convert JSON to string in JavaScript ?。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。