js对象属性驼峰转下划线 js对象属性名驼峰式转下划线的实例代码

时间:2021-03-16 detanx_墨鼬漓人气:2

想了解js对象属性名驼峰式转下划线的实例代码的相关内容吗，detanx_墨鼬漓在本文为您仔细讲解js对象属性驼峰转下划线的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：js,对象属性名,驼峰式,下划线，下面大家一起来学习吧。

一、题目示例：

思路：

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对象属性名驼峰式转下划线的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

加载全部内容