当前位置:首页 > JavaScript

js实现驼峰

2026-02-28 19:22:32JavaScript

驼峰命名法简介

驼峰命名法分为大驼峰(PascalCase)和小驼峰(camelCase)。大驼峰每个单词首字母大写,小驼峰首个单词首字母小写,后续单词首字母大写。

字符串转小驼峰

将下划线或连字符连接的字符串转为小驼峰格式:

function toCamelCase(str) {
  return str.replace(/[-_](.)/g, (_, char) => char.toUpperCase());
}

// 示例
toCamelCase('hello-world'); // 'helloWorld'
toCamelCase('hello_world'); // 'helloWorld'

字符串转大驼峰

将下划线或连字符连接的字符串转为大驼峰格式:

function toPascalCase(str) {
  return str.replace(/[-_](.)|(^\w)/g, (match, p1, p2) => 
    (p1 ? p1.toUpperCase() : p2.toUpperCase())
  );
}

// 示例
toPascalCase('hello-world'); // 'HelloWorld'
toPascalCase('hello_world'); // 'HelloWorld'

驼峰转其他格式

将驼峰字符串转为下划线或连字符格式:

function camelToSnake(str) {
  return str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
}

function camelToKebab(str) {
  return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`);
}

// 示例
camelToSnake('helloWorld'); // 'hello_world'
camelToKebab('helloWorld'); // 'hello-world'

处理边界情况

空字符串或非字符串输入时返回原值:

js实现驼峰

function safeToCamelCase(str) {
  if (typeof str !== 'string') return str;
  return str.replace(/[-_](.)/g, (_, char) => char.toUpperCase());
}

这些方法覆盖了常见的驼峰命名转换需求,可根据实际场景调整正则表达式处理更复杂的格式。

标签: 驼峰js
分享给朋友:

相关文章

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

链表实现js

链表实现js

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和一个指向下一个节点的指针(单向链表)或两个指针(双向链表)。与数组不同,链表在内存中非连续存储,插入和删除操作更高效,但随机…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…

js 实现滚动

js 实现滚动

实现滚动的方法 使用 window.scrollTo() window.scrollTo() 方法可以滚动到文档中的特定位置。可以指定 x 和 y 坐标,或者使用平滑滚动的选项。 // 滚动到指定位…