获取某个输入框的字符长度_收藏,最全的字符串函数方法,总有你用到的~
点击上方“执行上下文”,选择“置顶公众号”
关键时刻,第一时间送达!
在日常开发中,我们难免要和字符串打交道,各种各样的功能都可能用到上面的字符串函数,本文参考网上文章,W3C资料,以及自己平常开发中的高频需求整理形成,希望能够帮到有需要的人。
1、通过字符串函数获取字符串指定位置字符
1.1 charAt()
从某个字符串取得具体的字符,如果index的位置不在字符串中则返回空字符串
let str = 'JsCoding';// 语法demo.charAt(index)// demostr.charAt(3) => 'o'
1.2 charCodeAt()
和chartAt()用法类似,只不过返回的是字符串的Unicode。同理,如果index下标不在字符串中,则返回空。
let str = 'JsCoding';// 语法demo.charCodeAt(index)// demostr.charCodeAt(3) => '111'
2、通过字符串函数对字符串的样式进行改变
2.1 big
将字符串字号变大,并返回新的字符串。
let txt = 公众号:执行上下文txt.big()
2.2 small
将字符串字号变小,并返回新的字符串。
let txt = 公众号:执行上下文txt.small()
2.3 bold
将字符串字体加粗,并返回新的字符串。
let txt = 公众号:执行上下文txt.bold()
2.4 italics
将字符串设为斜体,并返回新的字符串。
let txt = 公众号:执行上下文txt.italics()
2.5 blink
将字符串设为闪动,并返回新的字符串。
let txt = 公众号:执行上下文txt.blink()
2.6 fixed
将字符串以打印机文本显示,并返回新的字符串。
let txt = 公众号:执行上下文txt.fixed()
2.7 strike
将字符串加上删除线,并返回新的字符串。
let txt = 公众号:执行上下文txt.strike()
2.8 fontcolor
设置字符串指定颜色,并返回新的字符串。
let txt = 公众号:执行上下文txt.fontcolor('Blue')
2.9 fontsize
设置字符串指定字号,并返回新的字符串。
let txt = 公众号:执行上下文txt.fontsize(22)
2.10 toLowerCase
将字符串转化为小写,并返回新的字符串。
let txt = 公众号:执行上下文txt.toLowerCase()
2.11 toUpperCase
将字符串转化为大写,并返回新的字符串。
let txt = 公众号:执行上下文txt.toUpperCase()
2.12 sub
将字符串显示为下标,并返回新的字符串。
let txt = 公众号:执行上下文txt.sub()
2.13 sup
将字符串显示为上标,并返回新的字符串。
let txt = 公众号:执行上下文txt.sup()
2.14 link
将字符串显示为链接,并返回新的字符串。
let txt = 公众号:执行上下文txt.link()
Demo戳阅读原文查看!!
3、判断指定字符是否出现在字符串中,并返回其位置
3.1 indexOf()
判断指定字符首次出现在字符串中的位置,没有则返回-1。检查方式从前往末尾,下标0开始。
let str = 'JsCoding';// 语法 value => 指定字符,startindex => 指定位置开始demo.indexOf(value,startindex)// demostr.indexOf('s') => 1str.indexOf('s', 3) => -1
3.2 lastIndexOf()
判断指定字符最后一次出现在字符串中的位置,没有则返回-1,检查方式为从末尾往前。如果指定的value值在指定位置之前,则返回的是最后一个出现value的位置。
let str = 'JsCoding';// 语法 value => 指定字符,startindex => 指定位置开始demo.lastIndexOf(value,startindex)// demostr.lastIndexOf('s') => 1str.lastIndexOf('s', 3) => 1
注意:indexOf() 和 lastIndexOf() 都区分大小写。
4、对字符串进行操作
4.1 replace()
用于字符串中以指定字符替换指定字符。
let str = 'JsCoding';// 语法 regexp/substr => 需要替换的文本或正则对象,replaceText => 替换的文本demo.replace(regexp/substr,replaceText)// demostr.replace(/JsCoding/, 'JsCoding:是执行上下文的微信号') // 结果 => "JsCoding:是执行上下文的微信号"
4.2 slice()
获取字符串中的某个部分,并返回获取的部分。
let str = 'JsCoding';// 语法 start => 起始位置,end => 结束位置demot.slice(start,end)// demostr.slice(1,3) // 结果 => "sC"
4.3 substr()
获取字符串从指定位置开始,指定长度的字符。
let str = 'JsCoding';// 语法 start => 起始位置,length => 长度demo.substr(start,length)// demostr.substr(1,3) // 结果 => "sCo"
4.4 substring()
获取字符串指定区间的字符。
let str = 'JsCoding';// 语法 start => 起始位置必须为存在的下标,end => 结束位置可以为负数,则往前寻找。demo.substring(start,end)// demostr.substring(1,3) // 结果 => "sC"
str.substring(3,-3) // 结果 => "JsC"
如果start === end 则返回空。
4.5 split()
将字符串分割成字符串数组。
let str = 'JsCoding';// 语法 separator => 字符串or表达式,howmany => 分割字符串的长度。demo.split(separator,howmany)// demostr.split('' ,3) // 结果 => ["J", "s", "C"]
str.split('') // 结果 => ["J", "s", "C", "o", "d", "i", "n", "g"]
4.6 match()
返回所有查找的关键字内容的数组。
let str = 'JsCoding';let reg = /di/ig;
// 语法 searchvalue => 检索的字符串值,regexp => 匹配的RegExp对象。demo.match(searchvalue or RegExp)// demostr.match(reg)// 结果 => ["di"]
str.match('di') // 结果 => ["di"]
注意:String 对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。slice() 与 substr() 有所不同,因为它用两个字符的位置来指定子串,而 substr() 则用字符位置和长度来指定子串。
5、其他
anchor()
用来创建HTML锚
let text = '执行上下文'text.anchor('前端公众号')
// 结果:"前端公众号">执行上下文
6、日常小用途
6.1 将 'Coding, Js' => 'Js Coding'
var str = "Coding, Js";str.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");
// 结果
"Js Coding"
6.2 将双引号变成单引号
var str = '"Js", "Coding"'str.replace(/"([^"]*)"/g, "'$1'");// 结果"'Js', 'Coding'"
6.3 将字符串第一个字母改为大写
var str = 'jjj sss ccc';zhuan = str.replace(/\b\w+\b/g, function(c){ return c.substring(0,1).toUpperCase() + c.substring(1);})
// 结果
"Jjj Sss Ccc"
6.4 将字符串中指定字符替换成指定字符
var str = 'ccadjlkj3kajgl2lkjalg'str.replace(/d/, '公众号:执行上下文')
// 结果
"cca公众号:执行上下文jlkj3kajgl2lkjalg"
你也可以添加下面微信加入前端微信群,我们一起交流前端技术,一起进步。
前端公众号和交流群
获取某个输入框的字符长度_收藏,最全的字符串函数方法,总有你用到的~相关推荐
- 获取某个输入框的字符长度_js获取及控制文本框的字符长度
html: 最多输入500字,目前已经输入0字 TextMode="MultiLine" Height="72px" style="WORD-BREA ...
- 微信小程序实现动态获取输入框的字符长度
以限制100字以内为例 HTML: <textarea value="{{introduce}}" maxlength="100" name=" ...
- 中英文怎么算 字符长度_如何将混合了中英文及不同数量空格的文本,快速拆分成多列...
前段时间学员小D咨询到:有什么简便的方法,可以将将混合了中英文及不同数量空格的文本,快速拆分成多列?下图所示是小D的问题: 小D需要将这列数据拆分成如下图所示的4列数据: 刚一开始看到这个表格的时候, ...
- java 获取文件名长度_利用Java文件类File的方法,获取磁盘文件的文件名、长度、大小等特性...
利用Java文件类File的方法,获取磁盘文件的文件名.长度.大小等特性. 如题,大神们谁可以编写一个这样的java程序? happy530755 | 浏览 1482 次 |举报 我 ...
- c int转字符串_【C++实现python字符串函数库】字符串匹配函数startswith与endswith
[C++实现python字符串函数库]字符串匹配函数startswith与endswith 这两个函数用于匹配字符串的开头或末尾,判断是否包含另一个字符串,它们返回bool值.startswith() ...
- excel取html文本长度,excel字符长度 怎么计算excel里的字符串的长度
请教:在EXCEL中如何统计字符长度? 打开excel文件,确定需要编辑的内容 选择功能区的"公式"功能 在公式中选择"LEN"功能 在text中选择需要编辑的 ...
- excel字符串和单元格拼接_excel字符合并技巧:几种连接字符串的方法助你高效办公...
编按:哈喽,大家好!用excel连接字符串,是我们在日常工作中,比较常用的技巧.相信大家使用最多的连接方式就是"&".但其实,在excel中连接字符串的方法有很多,并且,看 ...
- python rstrip函数_【C++实现python字符串函数库】strip、lstrip、rstrip方法
[C++实现python字符串函数库]strip.lstrip.rstrip方法 这三个方法用于删除字符串首尾处指定的字符,默认删除空白符(包括'\n', '\r', '\t', ' '). s.st ...
- 中英文怎么算 字符长度_钢材长度怎么算,只有1%的人才懂!
数控技术在线 订单 | 技术 | 干货 | 社群 关注可加入机械行业群! 关注钢材长度尺寸钢材长度尺寸是各种钢材的最基本尺寸,是指钢材的长.宽.高.直径.半径.内径.外径以及壁厚等长度.钢材长度的法定 ...
最新文章
- ReentrantLock和synchronized两种锁定机制
- C++知识点48——类继承与类的作用域
- 第四周作业 wcPro
- html文件里的scr是什么,HTML中关于url、scr、href的区别
- Func 与Action
- jquery出现“为了有利于保护安全性,IE已限制此网页运行可以访问计算机的脚本或 ActiveX 控件。请单击这里获取选项...”的解决办法
- 一篇关于web.xml配置的详细说明(一)
- RK3308(5)---编译根文件系统
- 继爱奇艺后,腾讯视频会员也要涨价了
- 运行时动态的开关 Spring Security
- 动态生成节点与删除节点
- [serial]基于select/poll/epoll的串口操作
- pyqt5 登录跳转
- Android之布局详解
- 如何区分P2P是互联网创新还是非法集资?最高检回应
- 创建maven项目时添加自定义property属性
- docker network create
- Pytorch是什么?Pytorch能用来干什么?
- RNA测序相对基因表达芯片有什么优势?
- 诗和远方其实并不遥远
热门文章
- 柔性机械臂_CSR论文精选 | 基于视觉的双连杆柔性机械臂末端位置跟踪控制
- top统计mysql性能_mytop安装,使用mytop监控MySQL性能
- 逻辑回归模型 python_机器学习-逻辑回归分析(Python)
- 计算机专业哪家强,计算机专业哪家强?这4所大学水平一流,网友:都是“大佬”级别...
- 计算机自适应测试的应用 托福,计算机自适应测试系统的研究和应用.pdf
- python linux 优化_Linux性能优化(一)
- 博客园是个大金矿,管理员不挖掘有些可惜:给博客园提一些双赢的建议
- 弹层蒙版(mask),ios滚动穿透,我们项目的解决方案
- VS2017中的附加到进程
- CentOS系统下Hadoop 2.4.1集群安装配置(简易版)