JS 实现驼峰式转下横线，下横线转驼峰式1

最新推荐文章于 2024-08-08 14:06:37 发布
最新推荐文章于 2024-08-08 14:06:37 发布
阅读量900 收藏
点赞数
分类专栏： # JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/milijiangjun/article/details/108647262
版权
在前端开发中，为使字段与后端接口匹配，经常需要将驼峰式（CamelCase）转换为下划线格式（snake_case）或者反之。本文介绍了使用正则表达式和JavaScript函数实现这两种转换的方法。
摘要由CSDN通过智能技术生成

今天在做前端的时候需要调取后端接口的排序
发现错误了。信息掉不出来 。询问得知需要进行 和数据库的对应起来
在对应的时候还需要以 字段转驼峰写法。换需要在大写字母的时候加上下划线 如这样。。
在这里插入图片描述我们获取的数据是这样的 pubDate
这个。。咋地解决
我们用正则解决：
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title
最低0.47元/天 解锁文章
milijiangjun
关注
专栏目录
js实现驼峰式命名的字符串与数据库字段下划线大写方式的相互转换
qq_29988051的博客
07-13 1392
好用的工具方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> button { background-colo...
【js】驼峰命名法和短横线命名法的转换
yujie的博客
09-18 3775
一、将骆驼命名规则的字符串转换成使用短横线命名法的字符串 输入 userName 输出 user-name 方法1:采用数组的方法 function getKebabCase1(str){ var arr=str.split('') str=arr.map(function(item){ if(item.toUpperCase()===i...
js 驼峰转下划线
qq_39251620的博客
04-03 450
js 驼峰转下划线 hump2Underline(s) { return s.replace(/([A-Z])/g, '_$1').toLowerCase() }, // JSON对象的key值转换为下划线格式 jsonToUnderline(obj) { var that = this; if (obj instanceof Array...
js下划线转为驼峰
最新发布
shibaweijin的博客
08-08 131
【代码】js下划线转为驼峰。
JavaScript 将字符串转化成驼峰表示法
m0_57308879的博客
09-17 688
function toCamal(str) { var strarr = str.split("-"); //将字符串用 "-" 切割为数组 strarr[0] = strarr[0].toLowerCase() //将数组的第一个元素转为小写 for (let i = 1; i < strarr.length; i++) { //从第二个元素开始循环遍历数组的长度 //数组i下标为0的第一个字母.
css复合属性转换为驼峰式,JS实现的驼峰式和连字符式转换功能分析
weixin_31585653的博客
08-03 472
本文实例讲述了JS实现的驼峰式和连字符式转换功能。分享给大家供大家参考，具体如下：在网上找的这段,比较喜欢1.驼峰转连字符:var s = "fooStyleCss";s = s.replace(/([A-Z])/g,"-$1").toLowerCase();//利用正则进行替换,简洁明了,很棒2.转驼峰var s1 = "foo-style-css";s1 = s1.replace(//-(/w...
JS 实现驼峰式转下横线，下横线转驼峰式4
milijiangjun的博客
09-17 336
驼峰式转下横线： 利用数组的 map 方法实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function doLowerLine(val, index, arr){ if(/[A-Z]/.test(val)){
js 编程命名法中短横线命名转换驼峰命名
苏墨
03-30 2203
在编程中，有个好的规范是很有必要的，从最基本的变量命名开始，命名写的好，后面找bug维护也容易很多，曾经我有的大学同学里面很多人的变量命名都是以aa、aaa、111之类的名字，先不说规不规范，就说出了bug怎么找。所以说好的编程规范可以让你事半功倍。
springboot实现参数的驼峰与下划线的自动转换配置
03-26
springboot中参数进行驼峰与下划线的自动转换配置，实现参数传入时是下划线、java后台接收变成驼峰、返回前端又转为下划线
JavaScript 实现字符串驼峰式与下划线式互相转换
明天也要努力的博客
06-26 2256
方法一：正则表达式 （推荐） /* * 下划线转换驼峰 */ function underlineToHump(str) { // 如果首字母是_，执行replace时会多一个_，这里需要去掉 if(str.slice(0,1) === '_'){ str = str.slice(1); } return str.replace(/([^_])(?:_+([^_]))/g, function ($0, $1, $2) { return $1 + $2.toUpperCas
js驼峰命名与短横线命名互转
qq_35134066的博客
07-09 1633
在js中，驼峰命名一般首字母小写，其它首字母大写的形式。短横线命名所有字母小写，单词与单词之间用短横线连接。 搞清楚区别之后就很简单了，使用正则全局匹配大写字母并替换成短横线+小写字母，或者匹配短横线+小写字母替换成大写字母。 replace的具体用法参考MDNString.prototype.replace // 驼峰转短横线 let str = "testStrName"; let newStr = str.replace(/([A-Z])/g, (match, p1, offset, stri
JS 实现驼峰式转下横线，下横线转驼峰式2
milijiangjun的博客
09-17 371
接上 https://blog.csdn.net/milijiangjun/article/details/108647262 正则 下横线转驼峰式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function toCame
js属性名下划线转驼峰（递归所有属性篇）
weixin_46744852的博客
07-13 602
数据示例： userInfo: { user_name: '张三', user_id: 1, user_stature: { user_height: 155, user_weight: 200 }, obj: { border: '张二', age: 44, children: { er_zi: '李四' } .
html中的变量起名规范,驼峰命名法 几种常见的程序设计中命名规则
weixin_34401781的博客
06-09 956
请详细讲解一下驼峰命名法的由来，以及如何命名和使用。骆驼式命名法(Camel-Case)又称驼峰式命名法，是电脑程式编写时的一套命名规则(惯例)。正如它的名称CamelCase所表示的那样，是指混合使用大小写字母来构成变量和函数的名字。程序员们为了自己的代码能更容易的在同行之间交流。Js语言中变量名推荐使用驼峰法来命名(camelCase)。Js语言中变量名推荐使用驼峰法来命名(camelCase...
js字符串驼峰和下划线互相转换
此行必胜，你我顶峰相见
03-18 8649
// 下划线转换成驼峰 function toHump(name) { return name.replace(/\_(\w)/g, function(all, letter){ return letter.toUpperCase(); }); } toHump('hello_js_go') //helloJsGo // 驼峰转换下划线 function toLine(name) { return name.replace(/([A-Z])/g,"_$1").toLow
JavaScript题目：将短横线连接的字符串转换为“驼峰式”字符串
Wang Chengchen's Blog
10-26 1037
将短横线连接的字符串转换为“驼峰式”字符串 思路：利用正则表达式的replace方法。 当正则表达式作为replace的第一个参数时，对所匹配的值会产生一次替换，设置第二个参数作为替换值。 （新get的知识点）replace最重要的特性是不仅支持替换值，而且支持函数作为参数，当第2个参数是函数时，对每一个所匹配到的值都会调用一遍（全局匹配会返回匹配到的全部内容）。 示例如下 function upper(all,letter){ return letter.toUpperCase(); } le
驼峰式转下横线
luocheng101的博客
01-03 319
关于如何转换后端数据字段名驼峰式转下横线
短横线命名转换成驼峰命名
qq_41915137的博客
06-28 1272
var s1 = “get-element-by-id”; 给定这样一个连字符串，写一个function转换为驼峰命名法形式的字符串 getElementById var s1 = "get-element-by-id"; var f = function (s) { return s.replace(/-\w/g, function (x) { return x.slice(1).toUpperCase();
JavaScript实现精确获取样式属性
3. **`camelize`函数**：这是一个正则表达式辅助函数，它的作用是将带有短横线的CSS属性名转换为驼峰式。例如，`font-size`会被转换为`fontSize`，以便在IE中正确访问`currentStyle`对象的属性。 4. **透明度问题**...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值