一、JSJSON字符串及其基本構成
JSJSON是指JavaScript Object Notation,是一種輕量級的數據交換格式。JSJSON字符串主要由對象、數組、字符串、數字、布爾值和null六種數據類型組成。
示例代碼:
{ "name": "Lucy", "age": 25, "likes": ["reading", "music", "traveling"] }
二、JSJSON字符串轉數組
JSJSON字符串可以通過JSON對象的parse方法將其轉換成JavaScript的數組。
示例代碼:
let jsonStr = '["apple", "orange", "banana"]'; let arr = JSON.parse(jsonStr); console.log(arr); // ["apple", "orange", "banana"]
三、JSJSON轉字符串
將一個JavaScript對象轉換成JSJSON字符串,可以使用JSON對象的stringify方法。
示例代碼:
let obj = { name: "Tom", age: 30, hobbies: ["basketball", "swimming", "reading"] }; let jsonStr = JSON.stringify(obj); console.log(jsonStr); // {"name":"Tom","age":30,"hobbies":["basketball","swimming","reading"]}
四、JSJSON字符串轉對象
JSJSON字符串可以通過JSON對象的parse方法將其轉換成JavaScript對象。
示例代碼:
let jsonStr = '{"name":"Mary", "age":20, "gender":"female"}'; let obj = JSON.parse(jsonStr); console.log(obj); // {name: "Mary", age: 20, gender: "female"}
五、JSJSON字符串轉JSON對象
JSJSON字符串也可以將其轉換成JSON對象,只需要在字符串前後加上圓括號即可。
示例代碼:
let jsonStr = '{"city":"Beijing", "district":"Haidian"}'; let jsonObj = (JSON.parse(jsonStr)); console.log(jsonObj.city); // Beijing
六、JSJSON字符串格式沒有引號
JSJSON字符串中的屬性名必須加上引號,否則會報錯。
示例代碼:
// 錯誤的JSJSON字符串 let jsonStr = {name: "Jack", age: 35}; // 正確的JSJSON字符串 let jsonStr = '{"name":"Jack", "age":35}';
七、JS字符串格式
JS字符串也可以表示JSJSON字符串,只需要遵守JSJSON字符串的格式規定。
示例代碼:
let str = '{"name":"Jim", "age":40}'; console.log(str); // {"name":"Jim", "age":40}
八、JS字符串堆棧
JS字符串可以使用堆棧的方式來處理JSJSON字符串。
示例代碼:
let stack = []; let str = '{"name":"Frank","age":45}'; for (let i = 0; i < str.length; i++) { let char = str.charAt(i); switch (char) { case '{': case '[': stack.push(char); break; case '}': case ']': stack.pop(); break; } } if (stack.length == 0) { console.log("字符串為JSJSON格式!"); } else { console.log("字符串不是JSJSON格式!"); }
九、JS字符串合併
JS字符串的合併可以使用模板字符串的方式,構造JSJSON字符串。
示例代碼:
let obj1 = {name: "Tony", age: 50}; let obj2 = {gender: "male", address: "New York"}; let jsonStr = `{"name":"${obj1.name}", "age":${obj1.age}, "gender":"${obj2.gender}", "address":"${obj2.address}"}`; console.log(jsonStr); // {"name":"Tony", "age":50, "gender":"male", "address":"New York"}
十、JS字符串比較
當兩個JSJSON字符串用等號(==)比較時,會先將其轉換成JavaScript對象,再進行比較。
示例代碼:
let jsonStr1 = '{"name":"Tim", "age":25}'; let jsonStr2 = '{"age":25, "name":"Tim"}'; console.log(jsonStr1 == jsonStr2); // true
原創文章,作者:NNCT,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/131821.html