js對象屬性名駝峰式轉(zhuǎn)下劃線的實例代碼
一、題目示例：
思路：
1、匹配屬性名字符串中的大寫字母和數(shù)字
2、通過匹配后的lastIndex屬性獲取匹配到的大寫字母和數(shù)字的位置
3、判斷大寫字母的位置是否為首位置以及l(fā)astIndex是否為0，為0則表示匹配結(jié)束
4、將存放位置的數(shù)組進(jìn)行從小到大排序，排序后將屬性名按照字符串的slice方法切割并使用下劃線重組
5、遍歷對象的屬性名并使用函數(shù)改變?yōu)樾碌拿?，從新賦值到新的對象上（也可以使用改變對象的ES6新語法）
6、注意，每次在調(diào)用函數(shù)后，需要清空之前存放位置的數(shù)組
二、實現(xiàn)代碼
let obj = {Id1: 1, idName1: 2, idAgeName1: 3};
let arr = []
function strReplace(str) {
const UP_CASE_REG =/[A-Z]/g;
const NUMBER_REG=/[A-Za-z][\d]/g
let newstr = ""
getIndex(UP_CASE_REG, str)
getIndex(NUMBER_REG, str)
arr.sort((a,b)=> a-b )
for(let i = 0;i < arr.length; i ++) {
if(i === 0) {
newstr += str.slice(0,arr[i]) + "_"
}
else {
newstr += str.slice(arr[i-1],arr[i]) + "_"
}
}
newstr += str.slice(arr[arr.length-1])
return newstr.toLowerCase()
}
function getIndex(reg, str) {
do{
reg.test(str)
if(reg.lastIndex !== 0 && reg.lastIndex-1 !== 0){//reg.lastIndex-1 !== 0判斷首字母是否大寫
arr.push(reg.lastIndex-1)
}
}while(reg.lastIndex > 0)
}
function strAllReplace(obj) {
let newObj = {}
Object.entries(obj).forEach(([key, value]) =>
{
newObj[strReplace(key)] = value
arr = []
})
return newObj
}
console.log(strAllReplace(obj))//{id_1: 1, id_name_1: 2, id_age_name_1: 3}
補(bǔ)充知識：JavaScript 對象部署 Iterator 接口
如下所示：
const name = {
first:"hello",
last:"world",
fullname: "hello world"
}
方式一、Object.keys
for (var i of Object.keys(name)) {
console.log(i,"-",name[i])
}
方法二、Object.keys + Generator
function *map(item) {
for (var i of Object.keys(item)) {
yield [i,item[i]]
}
}
for(var [key, value] of map(name)) {
console.log(key,"-",value)
}
注：generator函數(shù)中不能使用箭頭函數(shù)
例：
*map = (item) => {
for (var i of Object.keys(item)) {
yield [i,item[i]]
}
}
以上這篇js對象屬性名駝峰式轉(zhuǎn)下劃線的實例代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實現(xiàn)鼠標(biāo)拖拽調(diào)整div大小
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)鼠標(biāo)拖拽調(diào)整div大小，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要介紹了分享12個非常實用的JavaScript小技巧,這些小技巧可能在你的實際工作中或許能幫助你解決一些問題，需要的朋友可以參考下2016-05-05
基于JavaScript實現(xiàn)除夕煙花秀與隨機(jī)祝福語
新年即將來臨，本文將為大家介紹一個基于JavaScript實現(xiàn)的頁面特效：煙花秀+春節(jié)隨機(jī)祝福語。文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-01-01
淺談js函數(shù)中的實例對象、類對象、局部變量(局部函數(shù))
下面小編就為大家?guī)硪黄獪\談js函數(shù)中的實例對象、類對象、局部變量(局部函數(shù))。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
權(quán)限管理就是管理用戶對于資源的操作。本 CRM 系統(tǒng)的權(quán)限（也稱作資源）是基于角色操作權(quán)限來實現(xiàn)的，即RBAC（Role-Based Access Control，基于角色的訪問控制），就是用戶通過角色與權(quán)限進(jìn)行關(guān)聯(lián)2022-08-08
Javascript的getYear、getFullYear、getUTCFullYear異同分享
getYear、getFullYear、getUTCFullYear都是Javascript的Date對象的方法函數(shù)2011-11-11
bootstrap模態(tài)框跳轉(zhuǎn)到當(dāng)前模板頁面 框消失了而背景存在問題的解決方法
這篇文章主要介紹了bootstrap模態(tài)框跳轉(zhuǎn)到當(dāng)前模板頁面，框消失了，而背景依然存在問題的解決方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
前端js實現(xiàn)文件的斷點續(xù)傳 后端PHP文件接收
這篇文章主要為大家詳細(xì)介紹了斷點續(xù)傳的簡單例子，前端文件提交，后端PHP文件接收,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript+Canvas模擬實現(xiàn)支付寶畫年兔游戲
接近過年了，支付寶的集福的活動又開始了，集美們的五福集齊了沒有。每年的集?；顒佣加幸恍┬∮螒?，今年也不例外，畫年畫就是其中之一，本篇用canvas來寫一個畫年兔的游戲2023-01-01
微信小程序 組件的外部樣式externalClasses使用詳解
這篇文章主要介紹了微信小程序里 組件的外部樣式externalClasses使用詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09