JavaScript中怎么使用JSON.parse()和JSON.stringify()實(shí)現(xiàn)對(duì)象的深拷貝功能

發(fā)布時(shí)間：2021-06-17 15:45:17 來(lái)源：億速云閱讀：180 作者：Leah 欄目：web開(kāi)發(fā)

今天就跟大家聊聊有關(guān)JavaScript中怎么使用JSON.parse()和JSON.stringify()實(shí)現(xiàn)對(duì)象的深拷貝功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

測(cè)試?yán)樱?/p>

var test={
  a:"ss",
  b:"dd",
  c:[
    {dd:"css",ee:"cdd"},
    {mm:"ff",nn:"ee"}
  ]
};
var test1 = JSON.parse(JSON.stringify(test));//拷貝數(shù)組,注意這行的拷貝方法
console.log(test);
console.log(test1);
test1.c[0].dd="change"; //改變test1的c屬性對(duì)象的d屬性
console.log(test); //不影響test
console.log(test1);

測(cè)試結(jié)果：

JavaScript中怎么使用JSON.parse()和JSON.stringify()實(shí)現(xiàn)對(duì)象的深拷貝功能

根據(jù)測(cè)試結(jié)果，我們可以看到，test1已經(jīng)從test復(fù)制一份，并且test1改變其中屬性的值時(shí)，對(duì)原來(lái)的對(duì)象test沒(méi)有造成影響。

JSON.parse(),JSON.stringify()兼容性問(wèn)題

可以通過(guò)為IE7以及IE7以下版本的IE瀏覽器引入json2.js，使用json2.js來(lái)解決JSON的兼容性問(wèn)題

<!--[if lt IE 7]>
<script src="具體放路徑/json2.js"></script> 
<![endif]-->

看完上述內(nèi)容，你們對(duì)JavaScript中怎么使用JSON.parse()和JSON.stringify()實(shí)現(xiàn)對(duì)象的深拷貝功能有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

JavaScript中怎么使用JSON.parse()和JSON.stringify()實(shí)現(xiàn)對(duì)象的深拷貝功能

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽