富贵资源网 Design By www.hznty.com
一、题目示例：
思路：
1、匹配属性名字符串中的大写字母和数字
2、通过匹配后的lastIndex属性获取匹配到的大写字母和数字的位置
3、判断大写字母的位置是否为首位置以及lastIndex是否为0，为0则表示匹配结束
4、将存放位置的数组进行从小到大排序，排序后将属性名按照字符串的slice方法切割并使用下划线重组
5、遍历对象的属性名并使用函数改变为新的命名，从新赋值到新的对象上（也可以使用改变对象的ES6新语法）
6、注意，每次在调用函数后，需要清空之前存放位置的数组
二、实现代码
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}
补充知识：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函数中不能使用箭头函数
例：
*map = (item) => {
for (var i of Object.keys(item)) {
yield [i,item[i]]
}
}
以上这篇js对象属性名驼峰式转下划线的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。