javascript --- JSON字符串化

工具函數JSON.stringify()將JSON對象序列化為字符串時也用到了ToString.
看下面的代碼:

console.log(JSON.stringify(42));
console.log(JSON.stringify("42"));
console.log(JSON.stringify(null));
console.log(JSON.stringify(true));

在這里插入圖片描述
所有安全的JSON值都可以使用JSON.stringify字符串化.
安全的JSON值: 能夠呈現為有效JSON格式的值

不安全的JSON值:

// undefined、function、symbol
// 遇到以上類型時會自動忽略(undefined)
console.log(JSON.stringify(undefined));
console.log(JSON.stringify(function(){}));console.log(JSON.stringify([1, undefined, function(){},4]));
console.log(JSON.stringify({a:2, b:function(){}}));

在這里插入圖片描述
如果對象中定義了toJSON方法,JSON字符串化時會首先調用該方法,然后用它的返回值來進行序列化.

// 未定義toJSON,一個循環引用
var o ={};
var a = {b: 42,c: o,d: function(){}
};
o.e = a;
JSON.stringify(a);

在這里插入圖片描述

// 自定義toJSON,返回一個安全的JSON值
var o = {};
var a = {b: 42,c: o,d: function(){}
};
a.toJSON = function(){return { b: this.b};
};
console.log(JSON.stringify(a));

在這里插入圖片描述
可以使用toJSON方法來返回一個相對安全的值.

// toJSON()應該"返回一個能夠唄字符串化的安全的JSON值",而不是"返回一個JSON字符串"
var a ={val: [1,2,3],toJSON: function() {return this.val.slice(1)}
};
var b = {val:[1,2,3],toJSON: function() {return "[" + this.val.slice(1).join() + "]";}
};
console.log(JSON.stringify(a));
console.log(JSON.stringify(b));
// 可以看出第二個函數,是對toJSON返回的字符串做字符串化,而非數組本身.

在這里插入圖片描述
我們還可以向JSON.stringify()傳遞一個可選參數replacer用來指定對象序列化過程中哪些屬性應該被處理

// replacer參數
var a = {b: 42,c: "42",d: [1,2,3]
};
console.log(JSON.stringify(a, ["b", "c"]));   // 需要key為b 或 c的
console.log(JSON.stringify(a, function(k,v){if(k !== "c") return v;
}));

在這里插入圖片描述
space(可選參數)

// JSON.stringify還有一個可選參數space,用來指定輸出的縮進格式
var a ={b: 42,c: "42",d: [1,2,3]
};
console.log(JSON.stringify(a, null, 1));
console.log(JSON.stringify(a, null, 3));
console.log(JSON.stringify(a, null, '--'));

在這里插入圖片描述
參考《你不知道的JavaScript》(中卷)P48~P52

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/251219.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/251219.shtml
英文地址,請注明出處:http://en.pswp.cn/news/251219.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

靜態鏈接和動態鏈接

靜態鏈接和動態鏈接 靜態鏈接方法:靜態鏈接的時候,載入代碼就會把程序會用到的動態代碼或動態代碼的地址確定下來 靜態庫的鏈接可以使用靜態鏈接,動態鏈接庫也可以使用這種方法鏈接導入庫 動態鏈接方法:使用這種方式的程序并不在一…

ES5-3 循環、引用值初始、顯示及隱式類型轉換

1. 循環 for循環的三個參數abc&#xff0c;a只執行一次&#xff0c;c在每次循環后執行 // 打印0-100的質數 1不是質數 var list [2] for (var i 3; i < 100; i i 2) {var flag falsefor (var j 0; j < list.length; j) {var cur list[j]if (i % cur 0 &…

hihocoder 二分

題目 一個簡單的二分&#xff0c;只是想說明一下&#xff0c;如若要查找一個數組中某個數的下標可以直接用lower_bound()這個函數。只是要考慮到要查找的數不在數組中的這種情況。 #include <cstdio> #include <iostream> #include <algorithm> using namesp…

ubuntu開啟ssh服務

更新資源列表&#xff1a;sudo apt-get update -> 輸入管理員密碼 安裝openssh-server: sudo apt-get install openssh-server 查看 ssh服務是否啟動&#xff1a;sudo ps -e |grep ssh 啟動ssh服務&#xff1a; sudo service ssh start 轉載于:https://www.cnblogs.com/ver…

javascript --- 判斷只有1個為真

下面寫一個用于判斷只有一個為真的函數: function onlyOne(a,b,c){return !!((a && !b && !c) ||(!a && b && !c) || (!a && !b && c)); } var a true; var b false;onlyOne(a,b,b) // true onlyOne(a,b,a); // false上述…

13 代碼分割之import靜動態導入

前端首屏優化方案之一 項目構建時會整體打包成一個bundle的JS文件&#xff0c;而有的代碼、模塊是加載時不需要的&#xff0c;需要分割出來單獨形成一個文件塊chunk&#xff08;不會打包在main里&#xff09;&#xff0c;讓模塊懶加載&#xff08;想加載時才加載&#xff09;&a…

2018.01.01(數字三角形,最長上升子序列等)

2017.12.24 簡單的動態規劃 1.數字三角形(算法引入) 題目描述&#xff1a;下圖所示是一個數字三角形&#xff0c;其中三角形中的數值為正整數&#xff0c;現規定從最頂層往下走到最底層&#xff0c;每一步可沿左斜線向下或右斜線向下走。設三角形有n層&#xff0c;編程計算出從…

Mac iOS 允許從任何來源下載應用并打開

一個快捷的小知識點&#xff0c;mark&#xff01; 允許從任何來源下載應用并打開&#xff0c;不用手動去允許&#xff0c;更加簡潔&#xff01; 只需一行命令 sudo spctl --master-disable 1.正常情況下&#xff0c;打開偏好設置&#xff0c;選擇安全性與隱私&#xff0c;界面是…

ES5-4 函數基礎與種類、形實參及映射、變量類型

模塊編程原則&#xff1a;高內聚&#xff0c;低耦合&#xff08;重復部分少&#xff09;&#xff0c;讓一個模塊有強的功能性、高的獨立性 → 單一責任制&#xff0c;用函數進行解耦合。 1. 函數命名規則 不能以數字開頭可以以字母_$開頭包含數字小駝峰命名法 函數聲明一定有…

javascript --- 抽象相等

字符串和數字之間的相等比較 var a 42; var b "42";a b; // false a b; // trueES5規范11.9.3.4-5定義如下: (1)如果Type(x)是數字,Type(y)是字符串,則返回 x ToNumber(y) 的結果 (2)如果Type(x)是字符串,Type(x)是數字,則返回 ToNumber(x) y 的結果// 總結…

Spring加載context的幾種方法

Spring中的context管理 Spring中IOC容器的初始化&#xff1a; ApplicationContext即是保存bean對象的容器&#xff0c;故容器本身的初始化&#xff0c;就是通過一系列的配置&#xff0c;將ApplicationContext進行初始化。 而配置ApplicationContext大方向上分為了3中&#xff1…

centos 6.5 配置網絡

編輯 vi /etc/sysconfig/network-scripts/ifcfg-eth0修改內容 DEVICE"eth0" BOOTPROTO"static" HWADDR"00:50:56:98:06:D0" IPV6INIT"no" MTU"1500" NM_CONTROLLED"no" ONBOOT"yes" TYPE…

ES5-5 參數默認值、遞歸、預編譯、暗示全局變量

1. 參數默認值 默認是undefined形參可以有默認值&#xff0c;形參、實參哪個有值取哪個ES6&#xff0c;默認值屬于ES6的內容&#xff0c;打印出的是符合人性化的結果形參有默認值&#xff0c;形參、實參無法統一、無論實參傳入有值還是undefined&#xff08;代碼表現&#xff…

javascript --- 優先級執行順序

優先級網址 優先級: a && b || c ? c || b ? a : c && b :a// 從優先級網址可以看出 // &&的優先級為:6 // ||的優先級為:5 // ...?...:...的優先級為:4 所以上面的執行順序為(括號的優先級最高為20): ((a && b) || c) ? (c || b) ?…

CodeForces 1009B(思路)

本來打算打打cf找找自信的&#xff0c;結果&#xff0c;死在了一個2000多人都做出來的B上&#xff0c;寫了170多行wr在t4&#xff0c;大佬十幾行代碼就過了&#xff0c;難受啊。 #include <iostream> #include <cstring> #include <algorithm> #include <…

Delphi及C++Builder經典圖書一覽表(持續更新中2018.01.02)

序號書名原版書名作者譯者出版社頁數年代定價備注1CBuilder 5程序設計大全CBuilder 5 Developer’s GuideJarrod Hollingworth康向東、汪浩、黃金才等機械工業出版社13932002.1138.00元2CBuilder應用開發大全Borland C Builder 3 UnleashedCharlie Calvert,et al.徐科、馮焱、呂…

javascript --- 非交互、交互、協作、任務

非交互: var res {};function foo(results) {res.foo results; }function bar(results) {res.bar results; }ajax( "http://some.url.1", foo); ajax( "http://some.url.2", bar);// foo和bar彼此不相關,誰先執行都無所謂..不影響執行結果交互: // 交…

ES5-6 作用域、作用域鏈、預編譯、閉包基礎

1. 作用域 上一級在執行時&#xff0c;內部函數被定義&#xff0c;內部函數便生成作用域和作用域鏈&#xff08;拿上一級的環境&#xff09;&#xff0c;內部函數執行前生成自己的AO&#xff0c;并排在頭部函數執行結束時&#xff0c;AO被銷毀&#xff08;回到被定義時的狀態&…

electron 項目的搭建方式,借助 node 和 npm

1&#xff0c;首先確定安裝了 node 和 npm 2&#xff0c;創建一個文件夾&#xff0c;如 aa 3&#xff0c;CMD 命令進入到 aa&#xff0c;用 npm 命令初始化一個項目 4&#xff0c; npm -init 根據提示完成配置 5&#xff0c;安裝 electron > npm i -D electronlatest, 這一…

zbb20171215 git 版本回退

1. 使用git log命令查看所有的歷史版本&#xff0c;獲取某個歷史版本的id&#xff0c;假設查到歷史版本的id是139dcfaa558e3276b30b6b2e5cbbb9c00bbdca96。 2. git reset --hard 139dcfaa558e3276b30b6b2e5cbbb9c00bbdca96 3. 把修改推到遠程服務器 git push -f -u origin ma…