Lodash教程--（1）字符串String

最新推荐文章于 2023-12-18 11:05:56 发布
最新推荐文章于 2023-12-18 11:05:56 发布
阅读量3.2k 收藏
点赞数
分类专栏： Lodash 文章标签： Lodash String JavaScript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bingan4482/article/details/98847348
版权

Lodash教程--字符串String

欢迎来到Lodash教程–字符串String

这是lodash系列的第一篇教程，建议学习之前，先复习上一篇《JavaScript教程–标准库系列（1）–String对象》。
由于在企业级开发中，我们需要满足快速开发和协作式开发的需求，因此基本上使用lodash而不是直接使用原生的JavaScript。
我们在学习的时候也是先看原生的JavaScript夯实基础，再用lodash巩固并更新知识点。

(1) _.camelCase([string=’’])

  • [string=’’] (string): 要转换的字符串。
  • 可以是先声明然后在参数位置写字符串名称，也可以直接写字符串。
  • 转换规则实际是消除空格，将输入的字符串的第一个大写字母改成小写，若输入字符串有空格，将空格后的第一个字母改为大写。
  • 返回的内容是参数的驼峰写法。
_.camelCase('Hello World'); // 'helloWorld'

var s1 = 'Hello World';
_.camelCase(s1); //'helloWorld'

_.camelCase('HelloWorld'); // 'helloWorld'
_.camelCase(‘HHi'); //'hHi'

_.camelCase('Just a tEst'); // 'justATEst'

(2) _.capitalize([string=’’])

  • [string=''](string)输入的字符串
  • 返回结果是首字母大写，其余部分小写。
  • 原字符串的空格保留。
_.capitalize('MONKEY'); // 'Monkey'
_.capitalize('peppa Pig'); // 'Peppa pig'

(3)_.endsWith([string=’’], [target], [position=string.length])

  • [string=''] (string)：输入的字符串。
  • [target] (string)：指定字符。
  • [position=string.length] (number)：指定位置下标。
  • 返回的是一个布尔值（boolean），字符串在指定位置下标的字符是否是指定字符。如果是则返回true，否则返回false。
  • 默认的指定位置下标为字符串结尾，因此最后一个参数可以省略。
  • 指定字符也可以是空格。
_.endsWith('good night','t'); //true
_.endsWith('good night','',4);  //true

(4) _.escape([string=’’])

  • 转义string中的 "&", "<", ">", '"', "'", 和 ""` 字符为HTML实体字符。
_.escape('peppa />" pig'); // "peppa /&gt;&quot; pig"
_.escape('<html>'); // "&lt;html&gt;"

(5)_.kebabCase([string=’’])

  • 转换字符串string为短横线命名规则。
  • 将大写字母全部改为小写。
  • 在每个小写变大写的字符前面加短横线。
  • 如果有其他分隔符号，则将其他分隔符号改为短横线。
_.kebabCase('pePpaPig'); //"pe-ppa-pig"
_.kebabCase('__PePPA|Pig__'); // "pe-ppa-pig"
_.kebabCase('____PepPA-PiG'); //"pep-pa-pi-g"

(6) _.lowerCase([string=’’])

  • 转换字符串string以空格分开单词，并转换为小写。
  • 在小写变大写的字符前加空格。
  • 删除字符串首尾的空格及符号。
  • 字符串中间的符号用空格代替。
_.lowerCase('--PePpa-pIG'); //"pe ppa p ig"

(7)_.lowerFirst([string=’’])

  • 转换字符串string的首字母为小写。
  • 如果第一个字符
最低0.47元/天 解锁文章
添添Charlene
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
lodash库方法说明
宅神的博客
11-04 710
文章目录数组方法集合方法函数方法‘Lang’ method数学方法数字方法对象方法 数组方法 # 查 head(array) # 返回array的第一个元素 last(array) # 获取array最后一个元素 nth(array, n) # 获取第n个元素, n可以为负数 sortedIndex(array, value) # value可以插入已排序数组array的位置，返回索引 ([3,5...
Lodash常用函数~数组操作
qsj0606的博客
05-04 1302
Lodash常用函数~数组操作 _.chunk(数组分割) 对于数组进行分割,返回一个新数组 lodash.chunk([], 1) // 空数组调用 // => [] lodash.chunk([1，2，3，4], 3) // 正常调用,不能均分则剩余的单独作为一个数组 // => [[1,2,3],[4]] lodash.chunk('1234', 3) // 字符串也可以（对象不可以，会返回空数组） // =>[["1","2","3"],["4"]] lodash.chunk
【已整合】JS 操作字符串【全】(含常用的操作字符串的lodash)
朝阳39的博客
05-19 1054
获取字符串的长度 str.length 获取字符串的占位长度 英文占一个字符位，其他字符占两个字符位 function getZFWlength(string) { var count = 0; for (var i = 0; i < string.length; i++) { //对每一位字符串进行判断，如果Unicode编码在0-127，计数器+1；否则+2 if (string.charCode..
一键生成永不重复的随机数
qq_42799562的博客
11-07 1834
1、随机数 随机数的处很多，比如验证码，想要的就是一个随机性，在C#语言中，提供了Random函数来产生随机数，但在实际应用过程中，我们会发现，当数据量访问大幅提升，高并发多线程的情况下，产生的随机数往往是不随机的，会存在很多重复相同的项。同时，比如前端编写css、js等文件封装完后，浏览器会默认开启缓存，不用每次加载和读取都重新下载，用以节省流量。但这 往往会造成我们开发人员的困扰，浏览器存在缓存的情况下，会导致我们新更新的css、js等文件并不会立即生效，甚至更糟糕的情况下，将会导致读取的一直是缓存文
Lodash实用方法一一字符串（5）
FantasyBreaker的博客
08-17 614
_.camelCase([string=’’]) 转换字符串string为驼峰写法 _.camelCase('Foo Bar'); // => 'fooBar' _.camelCase('--foo-bar--'); // => 'fooBar' _.camelCase('__FOO_BAR__'); // => 'fooBar' _.capitalize([string=’’]) 转换字符串string首字母为大写，剩下为小写 _.capitalize('FRED'); //
angular-lodash-string:具有underscore.string支持的Angular Lodash提供程序
05-07
斜角字符串 Angular Lodash提供程序，具有underscore.string过滤器支持 以下项目的组合： : 假定 （> =版本2.x）和lodash已被添加到全局范围。 例子： {{ name | s: 'swapCase' }} {{ separator | s: 'join': ['...
Lodash-demo
03-04
它包含了一系列针对数组、对象、字符串、函数等方面的实用方法，显著提高了代码的可读性和维护性。Lodash的模块化设计使得我们可以按需引入所需功能，减少代码体积。 核心功能： 1. **数组操作**：Lodash提供了...
graphql-lodash：with使用lodash语法对GraphQL查询进行数据处理
01-30
GraphQL Lodash 在...) 查询（必填）-查询字符串或查询AST operationName （可选）-仅当查询包含多个操作时才需要退货{ query: string|object, transform: Function}查询-剥去原始查询@_指令transform-接收respons
Lodash-translate:Lodash API的中文翻译
05-21
Lodash 的核心理念是提供一系列独立、可组合的函数，这些函数覆盖了数组操作、对象操作、字符串处理、类型检查、函数编程等多个方面。通过 Lodash，开发者可以更加简洁、高效地编写代码，避免重复和冗余的工作。 在...
lodash-amd:Lodash，命名为amd form
05-26
Lodash 是一个广泛使用的 JavaScript 库，它提供了大量实用的功能，用于处理数组、对象、字符串、函数和其他基本数据类型。这个库旨在通过提供一系列高性能的方法来简化 JavaScript 开发，使代码更加简洁、可读性更...
Lodash JS对象处理工具 （数组、集合 、日期 、字符串等）
xqhys的博客
06-23 3079
_.defaults({'a':1},{'a':3,'b':2}); //→{'a':1,'b':2} _.partition([1,2,3,4],n=>n%2); //→[[1,3],[2,4]] 下载 核心版(~4kB gzipped) 完整版(~24kB gzipped) CDN 加速 Lodash 遵循MIT 开源协议发布，并且支持最新的运行环境。查看各个构件版本的区别并选择一个适合你的版本。 安装 浏览器环境...
JS的一些方法（string Number Math Date momentjs lodash）
qq_53642101的博客
09-26 84
字符方法:1.charAt(index) 返回指定位置索引的字符2.charCodeAt(index) 返回指定位置索引字符的unicode编码操作方法1.substring(start,end) 截取字符串 从start位置截取到end(不包含end)位置 参数不可以为负数2.concat(str1,str2) 拼接字符串 返回拼接好的字符串3.substr(start,length) 截取字符串 从start位置截取length个字符 start也可以是负数。
初学JavaScript：基本包装类型+js内置对象Date、Math+扩展库(Moment.js库、lodash库)
lalala_dxf的博客
04-13 978
基本包装类型 简介 在 ES 中，数据的分类分为基本数据类型和引用类型。基本包装类型，严格来说不属于上面两个中的任意一个，但是又和这两种类型息息相关。 基本数据类型和引用类型这两个类型其中一个很明显的区别是，引用类型有自己内置的方法，也可以自定义其他方法用来操作数据，而基本数据类型不能像引用类型那样有自己的内置方法对数据进行更多的操作。 为了便于操作基本类型值，ECMAScript提供了3个特殊引用类型（基本包装类型）：Boolean, Number, String。基本包装类型，和其他引用类型一样，拥有内
js工具类Lodash、功能介绍、用法
weixin_39823006的博客
05-09 3079
Lodash 是一个非常流行的 JavaScript 实用工具库，它提供了一系列优化后可重复使用的函数，简化了 JS 开发中各种常见任务的编写。
Lodash
多啦的博客
11-06 3141
lodash 简介lodash是一套工具库，它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数。
JavaScript面向对象
冰霜的博客
09-08 184
面向对象的程序设计 1.内置对象及内置函数 1.1.基本包装类型 在 ES 中，数据的分类分为基本数据类型和引用类型。 而基本包装类型，严格来说不属于上面两个中的任意一个，但是又和这两种类型息息相关。 基本数据类型和引用类型这两个类型其中一个很明显的区别是，引用类型有自己内置的方法，也可以自定义其 他方法用来操作数据，而基本数据类型不能像引用类型那样有自己的内置方法对数据进行更多的操作。 但基本数据类型真的没有吗？ 对于部分基本类型来说确实是这样的。 按照最新 ES 标准定义，基本数据类型(primitiv
深度比较（lodash 的 isEqual 方法）
最新发布
coinisi_li的博客
12-18 2815
是一种深度比较，因此它会遍历对象的所有嵌套属性以确保相等性。这对于比较复杂的数据结构（例如嵌套的对象或数组）特别有用。是 Lodash 提供的一个函数，用于比较两个值是否相等。它会递归地比较两个对象的属性和值，以判断它们是否相等。返回值是一个布尔值，如果两个值是完全相等的（包括对象、数组、基本类型等），则返回。
vue字符串拼接的多种方法
花生日记
05-28 1万+
第二种方法：使用 for循环拼接字符串，这是最简单的一个方法，但是它并不适用于所有的情况，因为我们需要保证整个字符串都是可拼接的。例如：我们想要获取字符串长度，那么我们就可以使用以下方式进行拼接： 注意：上述方法不适用于以下两种情况： （1）需要多次拼接字符串，这是因为需要获取到整个字符串的长度，因此如果多次拼接的话，会导致性能变差。但是我们也不能忽略它的缺点，当我们想要拼接两个字符串时，for-in方法并不适用，因为我们需要先对字符串进行转换，再使用for-in方法来拼接。这样就能实现两个字符串的拼接。
将数组以逗号拼接_javascript将数组拼接成一个字符串
热门推荐
weixin_34954308的博客
12-23 3万+
这里记录下在JavaScript中如何将数组拼接成一个字符串。所谓的将数组拼接成一个字符串，意思就是将数组中的元素逐个拼接到一个字符串中，并加以特定的分隔符。在JavaScript中可以有两种方式，一种是Array对象提供的join()方法，一种是Array对象提供的toString()方法。var arr = ['yanggb', 'yanggb1', 'yanggb2'];arrayObjec...
python3 f-string格式化字符串的高级用法
07-14
f-string是Python3.6及更高版本中引入的一种字符串格式化方法。除了基本的变量插入外，f-string还支持一些高级的用法。 首先，f-string支持表达式的内嵌计算。我们可以在花括号内使用任何有效的Python表达式，例如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值