Vue學習JSON.stringify()將Object類型轉換成String類型
- 一、前言
- 1、基本用法
- 2、復雜對象轉換
- 3、過濾器函數
- 4、序列化函數
一、前言
JSON.stringify()
是一個 JavaScript 函數,用于將 JavaScript 值轉換為 JSON 字符串。它接受一個 JavaScript 值(通常是對象或數組)作為參數,并返回一個對應的 JSON 字符串。
1、基本用法
const obj = { name: 'John', age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 輸出: {"name":"John","age":30}
2、復雜對象轉換
JSON.stringify()
還可以用于將嵌套的對象或數組轉換為 JSON 字符串。
const nestedObj = {name: 'John',age: 30,address: {city: 'New York',country: 'USA'}
};
const jsonString = JSON.stringify(nestedObj);
console.log(jsonString);
// 輸出: {"name":"John","age":30,"address":{"city":"New York","country":"USA"}}
3、過濾器函數
JSON.stringify()
還可以接受一個過濾器函數作為第二個參數,該函數可以控制哪些屬性將被包含在 JSON 字符串中。
const obj = { name: 'John', age: 30, password: '12345' };
const jsonString = JSON.stringify(obj, (key, value) => {if (key === 'password') {return undefined; // 過濾掉密碼字段}return value;
});
console.log(jsonString); // 輸出: {"name":"John","age":30}
4、序列化函數
JSON.stringify()
還可以接受一個序列化函數作為第三個參數,該函數可以在每個鍵值對被字符串化之前轉換值。
const obj = { name: 'John', age: 30 };
const jsonString = JSON.stringify(obj, (key, value) => {if (typeof value === 'number') {return value * 2; // 將數字屬性值加倍}return value;
});
console.log(jsonString); // 輸出: {"name":"John","age":60}
總之,JSON.stringify()
是一個非常實用的函數,用于將 JavaScript 值轉換為 JSON 字符串,是進行數據傳輸和存儲的常見方式之一。