在日常开发中,我们难免要和字符串打交道,各种各样的功能都可能用到上面的字符串函数,本文参考网上文章,W3C资料,以及自己平常开发中的高频需求整理形成,希望能够帮到有需要的人。
本文首发于公众号:执行上下文,同步更新个人博客:执行上下文,转载请署名。前端微信群等你来哦!!
1、通过字符串函数获取字符串指定位置字符 1.1 charAt()从某个字符串取得具体的字符,如果index的位置不在字符串中则返回空字符串
let str = 'JsCoding'; // 语法 demo.charAt(index) // demo str.charAt(3) => 'o' 1.2 charCodeAt()和chartAt()用法类似,只不过返回的是字符串的Unicode。同理,如果index下标不在字符串中,则返回空。
let str = 'JsCoding'; // 语法 demo.charCodeAt(index) // demo str.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) // demo str.indexOf('s') => 1 str.indexOf('s', 3) => -1 3.2 lastIndexOf()判断指定字符最后一次出现在字符串中的位置,没有则返回-1,检查方式为从末尾往前。如果指定的value值在指定位置之前,则返回的是最后一个出现value的位置。
let str = 'JsCoding'; // 语法 value => 指定字符,startindex => 指定位置开始 demo.lastIndexOf(value,startindex) // demo str.lastIndexOf('s') => 1 str.lastIndexOf('s', 3) => 1注意:indexOf() 和 lastIndexOf() 都区分大小写。
4、对字符串进行操作 4.1 replace()用于字符串中以指定字符替换指定字符。
let str = 'JsCoding'; // 语法 regexp/substr => 需要替换的文本或正则对象,replaceText => 替换的文本 demo.replace(regexp/substr,replaceText) // demo str.replace(/JsCoding/, 'JsCoding:是执行上下文的微信号') // 结果 => "JsCoding:是执行上下文的微信号" 4.2 slice()获取字符串中的某个部分,并返回获取的部分。
let str = 'JsCoding'; // 语法 start => 起始位置,end => 结束位置 demot.slice(start,end) // demo str.slice(1,3) // 结果 => "sC" 4.3 substr()获取字符串从指定位置开始,指定长度的字符。
let str = 'JsCoding'; // 语法 start => 起始位置,length => 长度 demo.substr(start,length) // demo str.substr(1,3) // 结果 => "sCo" 4.4 substring()获取字符串指定区间的字符。
let str = 'JsCoding'; // 语法 start => 起始位置必须为存在的下标,end => 结束位置可以为负数,则往前寻找。 demo.substring(start,end) // demo str.substring(1,3) // 结果 => "sC" str.substring(3,-3) // 结果 => "JsC" 如果start === end 则返回空。 4.5 split()