jQuery中json對(duì)象的復(fù)制方式介紹(數(shù)組及對(duì)象)
更新時(shí)間:2013年06月08日 17:40:50 作者:
本文為大家介紹下jQuery中json對(duì)象的復(fù)制:jQuery自帶的$.map方式、深復(fù)制與淺復(fù)制等等,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助
1、jQuery自帶的$.map方式
$.map(json, function (n) { return n; });
這種方式原來用于復(fù)制數(shù)組還可以,今天用它復(fù)制數(shù)組中的某一條記錄,發(fā)現(xiàn)字段名稱丟失了,后來發(fā)現(xiàn)了第二種方法。
2、深復(fù)制與淺復(fù)制
// 淺層復(fù)制(只復(fù)制頂層的非 object 元素)
var newObject = jQuery.extend({}, oldObject);
// 深層復(fù)制(一層一層往下復(fù)制直到最底層)
var newObject = jQuery.extend(true, {}, oldObject);
用的是深復(fù)制的方式,復(fù)制對(duì)象時(shí)發(fā)現(xiàn)字段丟失的現(xiàn)象沒有了。
3、數(shù)組的過濾
找了一下javascript的數(shù)組的方法,沒有過濾的方法,后來發(fā)現(xiàn)jQuery有提供,嘗試了一下,居然很好用。
$.grep(jsonTmp, function (item)
{
return item.LegendTitle == field;
}, false);
function的內(nèi)容根據(jù)實(shí)際的需要寫就可以了,不行的話參考jQuery的幫助,那里說的很詳細(xì)。
4、順便說一下數(shù)組的排序
json2.sort(function (a, b) { return a["requiredColumn"]["crimeTime"] > b["requiredColumn"]["crimeTime"] ? 1 : -1 });
這個(gè)用起來也比較方便
復(fù)制代碼 代碼如下:
$.map(json, function (n) { return n; });
這種方式原來用于復(fù)制數(shù)組還可以,今天用它復(fù)制數(shù)組中的某一條記錄,發(fā)現(xiàn)字段名稱丟失了,后來發(fā)現(xiàn)了第二種方法。
2、深復(fù)制與淺復(fù)制
復(fù)制代碼 代碼如下:
// 淺層復(fù)制(只復(fù)制頂層的非 object 元素)
var newObject = jQuery.extend({}, oldObject);
// 深層復(fù)制(一層一層往下復(fù)制直到最底層)
var newObject = jQuery.extend(true, {}, oldObject);
用的是深復(fù)制的方式,復(fù)制對(duì)象時(shí)發(fā)現(xiàn)字段丟失的現(xiàn)象沒有了。
3、數(shù)組的過濾
找了一下javascript的數(shù)組的方法,沒有過濾的方法,后來發(fā)現(xiàn)jQuery有提供,嘗試了一下,居然很好用。
復(fù)制代碼 代碼如下:
$.grep(jsonTmp, function (item)
{
return item.LegendTitle == field;
}, false);
function的內(nèi)容根據(jù)實(shí)際的需要寫就可以了,不行的話參考jQuery的幫助,那里說的很詳細(xì)。
4、順便說一下數(shù)組的排序
復(fù)制代碼 代碼如下:
json2.sort(function (a, b) { return a["requiredColumn"]["crimeTime"] > b["requiredColumn"]["crimeTime"] ? 1 : -1 });
這個(gè)用起來也比較方便
您可能感興趣的文章:
- jQuery怎么解析Json字符串(Json格式/Json對(duì)象)
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JQuery將文本轉(zhuǎn)化成JSON對(duì)象需要注意的問題
- Jquery通過JSON字符串創(chuàng)建JSON對(duì)象
- jquery動(dòng)態(tài)遍歷Json對(duì)象的屬性和值的方法
- 基于jQuery的一個(gè)擴(kuò)展form序列化到j(luò)son對(duì)象
- jquery處理json對(duì)象
- jQuery實(shí)現(xiàn)form表單元素序列化為json對(duì)象的方法
- jQuery實(shí)現(xiàn)簡單復(fù)制json對(duì)象和json對(duì)象集合操作示例
相關(guān)文章
jQuery Selectors(選擇器)的使用(一、基本篇)
本系列文章主要講述jQuery框架的選擇器(Selectors)使用方法,我將以實(shí)例方式進(jìn)行講述,以簡單,全面為基礎(chǔ),不會(huì)涉及很深。2009-12-12jQuery使用unlock.js插件實(shí)現(xiàn)滑動(dòng)解鎖
unlock.js插件具有滑動(dòng)解鎖,尺寸、顏色、字體大小等都可以個(gè)性化定制等特點(diǎn),接下來通過本文給大家分享jQuery使用unlock.js插件實(shí)現(xiàn)滑動(dòng)解鎖思路講解,感興趣的朋友一起看看吧2017-04-04jquery實(shí)現(xiàn)郵箱自動(dòng)填充提示功能
這篇文章主要介紹了jquery實(shí)現(xiàn)郵箱自動(dòng)填充提示功能,為了提高用戶的體驗(yàn),很多網(wǎng)站都會(huì)實(shí)現(xiàn)郵箱輸入的自動(dòng)提示功能,對(duì)如何實(shí)現(xiàn)自動(dòng)提示功能感興趣的小伙伴們可以參考一下2015-11-11jQuery easyUI datagrid 增加求和統(tǒng)計(jì)行的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨Query easyUI datagrid 增加求和統(tǒng)計(jì)行的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06jQuery實(shí)現(xiàn)的多滑動(dòng)門,多選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多滑動(dòng)門,多選項(xiàng)卡效果代碼,具有tab切換與滑動(dòng)門的功能,涉及鼠標(biāo)事件的響應(yīng)與頁面元素屬性動(dòng)態(tài)變換操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-03-03詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容
在本篇內(nèi)容里小編給大家分享了jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容相關(guān)知識(shí)點(diǎn),有需要的朋友們參考下。2018-11-11