js高效修改對象數(shù)組里的對象屬性名

2021-7-29    前端達(dá)人

有些時候，我們前端從后端拿過來的JSON對象數(shù)據(jù)，某些字段并不是前端想要的，需要對一些字段名進(jìn)行重命名。一般修改對象數(shù)組的對象屬性名，最簡便的就是通過遍歷對象數(shù)組的方法進(jìn)行修改，但是用這個方法，如果處理的數(shù)據(jù)量很大，它的執(zhí)行效率是非常低的。下面介紹一個更高效的方法，即通過正則的方法進(jìn)行過濾修改。

JSON.parse(JSON.stringify(data).replace(/name/g, 'new_name')) //data為數(shù)組，name為修改前，new_name為修改后

解釋：1）JSON.stringify()把json對象轉(zhuǎn)成json字符串；

          2）使用正則的replace()方法替換屬性名；

          3）JSON.parse()把json字符串又轉(zhuǎn)成json對象。

修改多個屬性：當(dāng)要修改多個屬性名時，多次調(diào)用replace方法，可以鏈?zhǔn)秸{(diào)用。如下面說明

JSON.parse(JSON.stringify(data).replace(/name1/g, 'new_name1').replace(/name2/g, 'new_name2').replace(/name3/g, 'new_name3')...)




藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

文章來源：博客園

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至：

日歷

鏈接

個人資料

存檔