个人中心
gpt4 book ai didi

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

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章js对象属性名驼峰式转下划线的实例代码由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

1、题目示例:

思路:

1、匹配属性名字符串中的大写字母和数字 。

2、通过匹配后的lastIndex属性获取匹配到的大写字母和数字的位置 。

3、判断大写字母的位置是否为首位置以及lastIndex是否为0，为0则表示匹配结束 。

4、将存放位置的数组进行从小到大排序，排序后将属性名按照字符串的slice方法切割并使用下划线重组 。

5、遍历对象的属性名并使用函数改变为新的命名，从新赋值到新的对象上（也可以使用改变对象的ES6新语法） 。

6、注意，每次在调用函数后，需要清空之前存放位置的数组 。

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

2、实现代码 。

  1. let obj = {Id1: 1, idName1: 2, idAgeName1: 3};
  2. let arr = []
  3. function strReplace(str) {
  4. const UP_CASE_REG =/[A-Z]/g;
  5. const NUMBER_REG=/[A-Za-z][\d]/g
  6. let newstr = ""
  7. getIndex(UP_CASE_REG, str)
  8. getIndex(NUMBER_REG, str)
  9. arr.sort((a,b)=> a-b )
  10. for(let i = 0;i < arr.length; i ++) {
  11. if(i === 0) {
  12. newstr += str.slice(0,arr[i]) + "_"
  13. }
  14. else {
  15. newstr += str.slice(arr[i-1],arr[i]) + "_"
  16. }
  17. }
  18. newstr += str.slice(arr[arr.length-1])
  19. return newstr.toLowerCase()
  20. }
  21. function getIndex(reg, str) {
  22. do{
  23. reg.test(str)
  24. if(reg.lastIndex !== 0 && reg.lastIndex-1 !== 0){//reg.lastIndex-1 !== 0判断首字母是否大写
  25. arr.push(reg.lastIndex-1)
  26. }
  27. }while(reg.lastIndex > 0)
  28. }
  29.  
  30. function strAllReplace(obj) {
  31. let newObj = {}
  32. Object.entries(obj).forEach(([key, value]) =>
  33. {
  34. newObj[strReplace(key)] = value
  35. arr = []
  36. })
  37. return newObj
  38. }
  39. console.log(strAllReplace(obj))//{id_1: 1, id_name_1: 2, id_age_name_1: 3}

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

补充知识：JavaScript 对象部署 Iterator 接口 。

如下所示:

  1. const name = {
  2. first:"hello",
  3. last:"world",
  4. fullname: "hello world"
  5. }

方式1、Object.keys 。

  1. for (var i of Object.keys(name)) {
  2. console.log(i,"-",name[i])
  3. }

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

方法2、Object.keys + Generator 。

  1. function *map(item) {
  2. for (var i of Object.keys(item)) {
  3. yield [i,item[i]]
  4. }
  5. }
  6. for(var [key, value] of map(name)) {
  7. console.log(key,"-",value)
  8. }

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

注：generator函数中不能使用箭头函数 。

例:

  1. *map = (item) => {
  2. for (var i of Object.keys(item)) {
  3. yield [i,item[i]]
  4. }
  5. }

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

以上这篇js对象属性名驼峰式转下划线的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们.

原文链接：https://www.cnblogs.com/detanx/p/JSObjBename.html 。

最后此篇关于js对象属性名驼峰式转下划线的实例代码的文章就讲到这里了,如果你想了解更多关于js对象属性名驼峰式转下划线的实例代码的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

27 4 0
文章推荐： Laravel5.5中利用Passport实现Auth认证的方法
文章推荐： C#限速下载网络文件的方法实例
文章推荐： PHP实现约瑟夫环问题的方法分析
文章推荐： 详细分析JavaScript中的深浅拷贝
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com