lodash camelCase实现原理

最新推荐文章于 2024-08-09 16:07:23 发布
最新推荐文章于 2024-08-09 16:07:23 发布
阅读量622 收藏 9
点赞数 5
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chance_wqp/article/details/136285958
版权

lodash 封装的方法通常不好奇的话也不会管它怎么实现的，直到遇到问题。。。
camelCase 是一个很常用的方法，将字符转换为小驼峰嘛，直到我发现 camelCase 将 ABCTest 转化成 abcTest 的时候才开始对其实现原理感到好奇。
我以为的小驼峰和camelCase以为的小驼峰究竟是不是一样？
字符串中的连续大写字母会被如何处理？
字符串中的特殊字符会被如何处理？

先看一组测试
在这里插入图片描述

一、camelCase代码实现

在这里插入图片描述

1、camelCase首先将字符串中的单引号和右单引号转换为空字符串

在这里插入图片描述

2、调用words方法拆分字符串

在这里插入图片描述
拆分规则如下：

  • 有自定义规则按自定义规则拆分
  • 没有自定义规则按字符类型为unicode或as
最低0.47元/天 解锁文章
CHANCE_wqp
关注
专栏目录
前端工程化实战 - 模块化开发
时光海的博客
10-23 530
前端工程化实战 - 模块化开发4.1模块化开发概述4.2模块化演变过程4.3模块化规范的出现 4.1模块化开发概述 模块化可以说是最重要的前端开发范式之一。随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间管理的程度了。 而模块化就是一种最主流的代码组织方式，它通过把复杂代码按照功能的不同，划分为不同的模块单独维护的这种方式提高我们的开发效率，降低维护成本。 但就模块化这个词而言，它仅仅是一种思想或者说是一种理论，并不包含具体实现。 早期的前端技术标准根本没有预料到前端行业会有今天这样一
lodash camelCase 驼峰写法
QDY5945的博客
10-19 1244
_.camelCase([string='']) 转换字符串为驼峰写法 _.camelCase('Foo Bar'); // => 'fooBar' _.camelCase('--foo-bar')...
camelCase 命名规范详解
最新发布
qq_40791475的博客
08-09 734
camelCase 是一种在编程中广泛使用的命名规范，它通过将多个单词紧密连接在一起，并将第一个单词的首字母小写，后续单词的首字母大写来命名变量、函数和对象属性。这种命名方式紧凑且易读，适用于多种编程语言，如 JavaScript、Java 和 C# 等。与其他命名规范相比，camelCase 兼顾了可读性和紧凑性，是现代开发中最常见的命名方式之一。遵循 camelCase 命名规范可以提高代码的一致性和可维护性，是编写高质量代码的最佳实践之一。
lodash方法
de3597的博客
08-08 448
lodash：一、Array1. _.chunk(array,size):将一个数组分割成多个size长度的区块，不足则剩余部分组成一个区块。（新数组） 2. _.compact(array):去除一个数组中的假值（undefined，null，false，''，0，NaN）。（新数组） 3. _.concat(array,[values]):将array与任何数组或值连接在一起（新...
驼峰命名法（Camel-Case）
nipirennipi136的博客
07-14 7404
驼峰命名法（Camel-Case） 文章目录驼峰命名法（Camel-Case）一、小驼峰法二、大驼峰法（帕斯卡命名法）三、我的命名风格（Java语言） 骆驼式命名法（Camel-Case）又称驼峰式命名法，是电脑程式编写时的一套命名规则（惯例）。正如它的名称CamelCase所表示的那样，是指混合使用大小写字母来构成变量和函数的名字。程序员们为了自己的代码能更容易的在同行之间交流，所以多采取统一的可读性比较好的命名方式。 驼峰命名法法近年来越来越流行了，在许多新的函数库和Microsoft Windows这
变量命名常用方式camelCase,snake_case,spinal-case
u800820的专栏
08-14 3331
变量或参数命名方式 变量命名方式有多种，如驼峰命名camelCase，蛇形命名snake_case，脊柱命名spinal-case，帕斯卡命名PascalCase等，这里简单介绍常用的三种命名方式。 camelCase驼峰命名，单词首字母大写，如果全部首字母大写为大驼峰命名，如CamelCase,这种方式等同于帕斯卡命名；如果开头的单词首字母小写后面大写，为小驼峰命名，如camelCase. snake_case所有单词小写，单词之间使用下划线连接; spinal-case所有单词小写，单词之间使用短横线
vue从基础到精通进阶之路总结
03-14
3. **响应式原理**：Vue通过getter/setter实现数据的响应式，当数据变化时，视图会自动更新。但对象属性的动态添加或删除，Vue无法检测，需要使用`Vue.set`或`this.$set`确保数据变化能被追踪。 4. **异步更新队列*...
细说前端模块化开发
weixin_39963436的博客
12-19 5266
一、模块化概述 模块化开发是当下最重要的前端开发范式之一。 随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间去管理的程度了。 模块化就是一种最主流的代码组织方式，它通过把我们的复杂代码按照功能的不同，划分为不同的模块单独维护的这种方式，去提高我们的开发效率，降低维护成本。 模块化只是思想，不包含具体实现。 二、模块化演变过程 Stage1 - 文件划分方式 具体做法： 将每个功能以及它相关的一些状态数据，单独存放到不同的文件当中，我们去约定每一个文件就是一个独立的模块。我们去使用这
js工具函数
qq_45532769的博客
05-20 911
在工作中我们经常需要对数据进行一些处理，所以我们会使用自定义函数来处理数据，于是可以封装成工具函数重复使用提示：以下是本篇文章正文内容，下面案例可供参考。
lodash-humps:递归驼峰案例对象键
05-07
lodash-humps v3.1.6 将对象键转换为camelCase。 适用于深度嵌套的对象/数组。 方便将下划线键转换为camelCase。 使用lodash可使代码小而轻，大约10行。 安装 $ npm i --save lodash-humps 用法 转换对象键 删除所有连字符，下划线，空格字符，并大写随后的第一个字符。 返回一个新对象。 参见_.camelCase() 和 。 import humps from 'lodash-humps' const object = { attr_one : 'foo' , attr_two : 'bar' , attr_three : { attr_one : 'foo' } } humps ( object ) // { attrOne: 'foo', attrTwo: 'bar', attrThree: { attrOne: 'f
underscore2camelCase下划线命名驼峰式命名转换器
08-11
underscore2camelCase 下划线命名 驼峰式命名转换器
IDEA插件CamelCase，使用快捷键转换驼峰、下划线等命名规则
qq_42390993的博客
05-11 4942
IDEA插件CamelCase
编程规范 三种命名方法PascalCase,camelCase,hungarian_notation， kebab-case 形式
qq_50630857的博客
12-16 821
编程规范 命名方法
idea相关插件
user__kk的博客
08-25 1095
可搜索代码示例，选中相关代码右键选择"Get relevant examples"，会在右侧窗口展示GitHub上的相关代码示例，也可点击"Add"，输入关键词进行搜索。安装之后在IDEA右侧工具栏会生成"Json Parser"快捷方式，点击即可调出工具窗口，将JSON数据输入上方框内点击"Parse"即可进行格式化，比用在线工具网站方便。安装之后使用快捷键"Ctrl+\"或"Ctrl+Alt+N"调出搜索窗口，输入接口名，即可快速定位接口位置，比用IDEA的全局搜索效率高。
驼峰式大小写（Camel-Case，Camel Case)
a19576的专栏
07-06 2114
http://zh.wikipedia.org/zh-cn/%E9%A7%9D%E5%B3%B0%E5%BC%8F%E5%A4%A7%E5%B0%8F%E5%AF%AB 驼峰式大小写（Camel-Case，Camel Case，camel case），电脑程序编写时的一套命名规则（惯例）。 当变量名和函数名称是由二个或多个单字链接在一起，而构成的唯一识别字时，利用“驼峰式大小写”来表示，可以增
驼峰命名法(camelCase)
ktfan的专栏
05-02 6463
骆驼式命名法（又称驼峰命名法），正如它的名称CamelCase所表示的那样，是指混合使用大小写字母来构成变量和函数的名字。程序员们为了自己的代码能更容易的在同行之间交流，所以多采取统一的可读性比较好的命名方式。例如：有些程序员喜欢全部小写，有些程序员喜欢用下划线，所以如果要写一个my name的变量，他们常用的写法会有myname、my_name、MyName或者myName。这样的命名规则不适合
下划线与驼峰互转
qq_44213014的博客
08-11 1074
下划线与驼峰互转
camelcase插件使用
09-10
要使用camelcase插件，您可以按照以下步骤进行： 1. 首先，您需要下载并安装camelcase插件。可以从以下链接获取插件的下载地址： 2. 安装完成后，您可以在编辑菜单中找到插件选项，或使用快捷键Shift + Alt + U（在Windows和Linux上）或Shift + Option + U（在Mac上）进行切换。 3. 要使用插件，您需要首先选中要转换的字符串。然后，选择“Edit”菜单，然后选择“Toggle Camel Case”选项进行转换。 通过按照上述步骤，您可以轻松地在kebab-case、SNAKE_CASE、PascalCase、camelCase、snake_case或space case之间进行切换，并根据需要禁用某些转换或更改它们的顺序。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值