jQuery實(shí)現(xiàn)簡(jiǎn)單復(fù)制json對(duì)象和json對(duì)象集合操作示例
本文實(shí)例講述了jQuery實(shí)現(xiàn)簡(jiǎn)單復(fù)制json對(duì)象和json對(duì)象集合操作。分享給大家供大家參考,具體如下:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>www.dbjr.com.cn jQuery復(fù)制json</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(function () { var classList = [ { classId: 1, className: '一班', students: [ { studentId: 1, studentName: '張三' }, { studentId: 2, studentName: '李四' } ] }, { classId: 2, className: '二班', students: [ { studentId: 3, studentName: '王五' }, { studentId: 4, studentName: '馬六' } ] } ] var classDemo = { classId: 1, className: '一班', students: [ { studentId: 1, studentName: '張三' }, { studentId: 2, studentName: '李四' } ] } var newClassList = jQuery.extend(true, [], classList);//復(fù)制對(duì)象集合 var newClassDemo = jQuery.extend(true, {}, classDemo);//復(fù)制對(duì)象 //輸出測(cè)試: console.log(newClassList); console.log(newClassDemo); }); </script> </head> <body> </body> </html>
使用本站HTML/CSS/JS在線運(yùn)行測(cè)試工具:http://tools.jb51.net/code/HtmlJsRun,可得到如下測(cè)試運(yùn)行效果:
PS:關(guān)于json操作,這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用:
在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具:
http://tools.jb51.net/code/json_yasuo_trans
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- C#后臺(tái)接受前臺(tái)JSON字符串裝換成字典集合處理
- 詳談js遍歷集合(Array,Map,Set)
- js實(shí)現(xiàn)復(fù)制功能(多種方法集合)
- JS中的算法與數(shù)據(jù)結(jié)構(gòu)之集合(Set)實(shí)例詳解
- Redis緩存,泛型集合與json字符串的相互轉(zhuǎn)換實(shí)例
- python將字典內(nèi)容寫(xiě)入json文件的實(shí)例代碼
- python字典與json轉(zhuǎn)換的方法總結(jié)
- python 如何將字典寫(xiě)為json文件
- JavaScript?數(shù)據(jù)結(jié)構(gòu)之字典方法
- JavaScript字典與集合詳解
相關(guān)文章
完美解決jQuery fancybox ie 無(wú)法顯示關(guān)閉按鈕的問(wèn)題
下面小編就為大家?guī)?lái)一篇完美解決jQuery fancybox ie 無(wú)法顯示關(guān)閉按鈕的問(wèn)題。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11文本有關(guān)的樣式和jQuery求對(duì)象的高寬問(wèn)題分別說(shuō)明
有關(guān)文處理本有關(guān)的問(wèn)題WEB開(kāi)發(fā)經(jīng)常會(huì)用到,這里結(jié)合使用情況總結(jié)一下,同時(shí)還有jQuery求對(duì)象的高度問(wèn)題,下面為大家本別講解下2013-08-08Jquery實(shí)現(xiàn)圖片左右自動(dòng)滾動(dòng)示例
圖片左右滾動(dòng)的效果想必大家都有見(jiàn)到過(guò)吧,其實(shí)很簡(jiǎn)單。在本文將為大家介紹下使用Jquery是如何實(shí)現(xiàn)圖片左右自動(dòng)滾動(dòng)的,感興趣的朋友可以參考下2013-09-09jQuery拖動(dòng)div、移動(dòng)div、彈出層實(shí)現(xiàn)原理及示例
正如標(biāo)題所言的實(shí)現(xiàn)原理是使div的position為絕對(duì)定位absolute,然后控制其top與left值,需要的朋友可以參考下2014-04-04jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單
這篇文章主要介紹了jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單點(diǎn)擊可以展開(kāi)折疊的導(dǎo)航菜單,感興趣的小伙伴們可以參考一下2016-02-02jQuery操作DOM_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了jQuery操作DOM,下面的DOM操作將圍繞上面的DOM樹(shù)進(jìn)行學(xué)習(xí)JQueryDOM操作,有興趣的可以了解一下2017-07-07jQuery Easyui Tabs擴(kuò)展根據(jù)自定義屬性打開(kāi)頁(yè)簽
這篇文章主要介紹了jQuery Easyui Tabs擴(kuò)展根據(jù)自定義屬性打開(kāi)頁(yè)簽的實(shí)現(xiàn)代碼,首先增加擴(kuò)展,接著點(diǎn)擊事件open方法實(shí)現(xiàn)easyui tabs擴(kuò)展,非常不錯(cuò),需要的朋友可以參考下2016-08-08jQuery UI 實(shí)現(xiàn)email輸入提示實(shí)例
本文為大家介紹下使用jQuery UI 實(shí)現(xiàn)email輸入提示,具體思路如下,感興趣的朋友可以參考下2013-08-08jquery獲取easyui日期控件的值實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery獲取easyui日期控件的值實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11