JavaScript中JSON.stringify() 和 JSON.parse() 如何使用

這期內容當中小編將會給大家帶來有關JavaScript中JSON.stringify() 和 JSON.parse() 如何使用，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

@track weekplanList = [];   //[]代表集體 {}代表對象
//顯示周計劃的內容到首頁
    showPlanContentToIndex (){
        this.showSpinnerEvent();  //顯示進度條
        this.callServer(
        GetWeekPlanAction, //獲取選擇類型,具體內容-查詢方法
        function(response) { //response為GetWeekPlanAction()返回值作為形參
        let values = JSON.parse(JSON.stringify(response)); 
        //JSON.stringify()方法用于將 JavaScript 值轉換為 JSON 字符串。
        //JSON.parse()  JSON 通常用于與服務端交換數據。
        //在接收服務器數據時一般是字符串。我們可以使用 JSON.parse() 方法將數據轉換為 JavaScript 對象。
          this.weekplanList = values;
          //將前臺顯示的英文轉換成中文
          values.forEach( (item) => {
              if(item.Form_Type_MDT_AP_CHN__c === 'Customer Visit') {
                item.Form_Type_MDT_AP_CHN__c = '客戶拜訪';
              }else if(item.Form_Type_MDT_AP_CHN__c === 'Regional Support') {
                item.Form_Type_MDT_AP_CHN__c = '區域跟臺/支持';
              }else if(item.Form_Type_MDT_AP_CHN__c === 'Market Access') {
                item.Form_Type_MDT_AP_CHN__c = '市場準入';
              }else if(item.Form_Type_MDT_AP_CHN__c === 'Dealer Cooperation') {
                item.Form_Type_MDT_AP_CHN__c = '經銷商合作';
              }
              else if(item.Form_Type_MDT_AP_CHN__c === 'Meeting') {
                item.Form_Type_MDT_AP_CHN__c = '學術活動-內部會議';
              }
              else if(item.Form_Type_MDT_AP_CHN__c === 'Personnel Development') {
                item.Form_Type_MDT_AP_CHN__c = '人員發展';
              }
              else if(item.Form_Type_MDT_AP_CHN__c === 'Device Process') {
                item.Form_Type_MDT_AP_CHN__c = '設備進程';
              }
              else if(item.Form_Type_MDT_AP_CHN__c === 'Project Debriefing') {
                item.Form_Type_MDT_AP_CHN__c = '項目進展';
              }
          });
          console.log('this.weekplanList1',values);
          this.hiddenSpinnerEvent();
        },
        {
        }   //GetWeekPlanAction()不用傳參數,所以第三個參數為空
        );
    }

let 和 var對比

ES2015(ES6) 新增加了兩個重要的 JavaScript 關鍵字: let 和 const。let 聲明的變量只在 let 命令所在的代碼塊內有效。const 聲明一個只讀的常量，一旦聲明，常量的值就不能改變。

使用 var 關鍵字聲明的變量不具備塊級作用域的特性，它在 {} 外依然能被訪問到。

{ 
    var x = 2; 
}
// 這里可以使用 x 變量

let 聲明的變量只在 let 命令所在的代碼塊 {} 內有效，在 {} 之外不能訪問。

{ 
    let x = 2;
}
// 這里不能使用 x 變量

let 命令所在的代碼塊 { } 內有效 實例

var x = 10;
// 這里輸出 x 為 10
{ 
    let x = 2;
    // 這里輸出 x 為 2
}
// 這里輸出 x 為 10

1、JSON.stringify()

方法用于將 JavaScript 值轉換為 JSON 字符串。

語法

JSON.stringify(value[, replacer[, space]])

參數說明：

• value:

  必需， 要轉換的 JavaScript 值（通常為對象或數組）。

• replacer:

  可選。用于轉換結果的函數或數組。

  如果 replacer 為函數，則 JSON.stringify 將調用該函數，并傳入每個成員的鍵和值。使用返回值而不是原始值。如果此函數返回 undefined，則排除成員。根對象的鍵是一個空字符串：""。

  如果 replacer 是一個數組，則僅轉換該數組中具有鍵值的成員。成員的轉換順序與鍵在數組中的順序一樣。

• space:

  可選，文本添加縮進、空格和換行符，如果 space 是一個數字，則返回值文本在每個級別縮進指定數目的空格，如果 space 大于 10，則文本縮進 10 個空格。space 也可以使用非數字，如：\t。

返回值：

返回包含 JSON 文本的字符串。

2、JSON.parse()

JSON 通常用于與服務端交換數據。

在接收服務器數據時一般是字符串。

我們可以使用 JSON.parse() 方法將數據轉換為 JavaScript 對象。

語法

JSON.parse(text[, reviver])

參數說明：

• **text:**必需， 一個有效的 JSON 字符串。

• reviver: 可選，一個轉換結果的函數， 將為對象的每個成員調用此函數。

3、示例：

let jsonData = [{group: 1, id: 2, name: "aa"}, {group: 2, id: 1, name: "bb"}];

let jsonData1 = JSON.stringify(jsonData);
console.log(jsonData1);
console.log("jsonData1索引0數據=== " + jsonData1[0]);
console.log("jsonData1索引0的group屬性=== " + jsonData1[0].group);

let jsonData2 = JSON.parse(jsonData1);
console.log(jsonData2);
console.log("jsonData2索引0數據=== " + jsonData2[0]);
console.log("jsonData2索引0的group屬性=== " + jsonData2[0].group);

上述就是小編為大家分享的JavaScript中JSON.stringify() 和 JSON.parse() 如何使用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。