js——replace (驼峰式命名规则转换)

驼峰式命名规则转换

function camelize(str) {
    return str.replace(/-(\w)/g, (_, c) => c ? c.toUpperCase() : '')
}

console.log(camelize('hello-world')); // helloWorld
function capitalize(str) {
    return str.replace(/\B([A-Z])/g, '-$1').toLowerCase()
}

console.log(capitalize('HelloWorld')) // hello-world

replace

stringObject.replace(regexp/substr,replacement)

正则快速直通车

replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。

字符替换文本
$1、$2、…、$99与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&与 regexp 相匹配的子串。
$`位于匹配子串左侧的文本。
$’位于匹配子串右侧的文本。
$$直接量符号。

replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

例子:

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1"); // John Doe
name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'"); // 'a', 'b'
name = 'aaa bbb ccc';
name.replace(/\b\w+\b/g, function (word) {
    return word.substring(0, 1).toUpperCase() + word.substring(1);
}); // Aaa Bbb Ccc
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你想将一个对象的所有key都转换驼峰命名的形,在JavaScript中可以使用递归函数和map方法来实现。示例代码如下: ```javascript function toCamelCase(str) { return str.replace(/([-_][a-z])/ig, ($1) => { return $1.toUpperCase() .replace('-', '') .replace('_', ''); }); } function recursiveMap(obj) { if (Array.isArray(obj)) { return obj.map(item => recursiveMap(item)); } else if (typeof obj === 'object' && obj !== null) { return Object.keys(obj).reduce((acc, key) => { const camelKey = toCamelCase(key); acc[camelKey] = recursiveMap(obj[key]); return acc; }, {}); } else { return obj; } } // 示例: const data = { user_name: 'Alice', user_age: 20, user_address: { city_name: 'Beijing', street_name: 'Xinjiekou' }, user_hobbies: [ 'reading', 'traveling' ] }; const camelCaseData = recursiveMap(data); console.log(camelCaseData); // 输出:{ // "userName": "Alice", // "userAge": 20, // "userAddress": { // "cityName": "Beijing", // "streetName": "Xinjiekou" // }, // "userHobbies": [ // "reading", // "traveling" // ] // } ``` 上述代码中,toCamelCase函数用于将一个字符串转换驼峰命名的形。在recursiveMap函数中,首先判断obj是否为数组,如果是,则对每个元素递归调用recursiveMap函数,并使用map方法将结果组成一个新的数组返回;如果不是数组但是是对象,则对每个键值对递归调用recursiveMap函数,并使用reduce方法将结果组成一个新的对象返回;如果obj既不是数组也不是对象,则直接返回obj。在处理对象键值对的过程中,我们使用toCamelCase函数将key转换驼峰命名的形,并将结果赋值给新对象的key。最终,recursiveMap函数将返回一个新的对象,其中所有key都已经被转换驼峰命名的形
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值