ES6学习之路(三) 字符串扩展
来源:互联网 发布:遗传算法 船舶调度 编辑:程序博客网 时间:2024/06/09 21:15
1.检测字符串中是否包含着另一个字符串
indexOf(),startsWith(),endsWith(),includes()
let s='hello world!';//检测参数字符串是否在源字符串中,并返回参数字符串位置console.log(s.indexOf('l'))//true//表示参数字符串是否在源字符串的头部,返回布尔值console.log(s.startsWith('hello'))//trueconsole.log(s.startsWith('ello'))//false//表示参数字符串是否在源字符串的尾部,返回布尔值console.log(s.endsWith('!'));//trueconsole.log(s.endsWith('d'));//false//表示参数字符串是否在源字符串中,返回布尔值console.log(s.includes('o'));//trueconsole.log(s.includes('h'));//true
以上三种新方法都支持第二个参数,表示开始搜索的位置;
startsWith(),includes() 第二参数与参数字符串第一个字符的位置要相对应,否则false;
endsWith()从n开始不包含n的位置向前检索也就是从n-1的位置检索,如果n-1的位置不是该参数字符就返回false;
let s='hello world!';//表示参数字符串是否在源字符串的头部,返回布尔值console.log(s.startsWith('hello',6))//false 从第6个字符开始向后查找参数字符串,结果显示没有 falseconsole.log(s.startsWith('ello',1))//true 从第2个字符向后查找 ,检索到参数字符串,返回trueconsole.log(s.startsWith('llo',1))//false 从第2个字符向后查找 ,因为第二参数与参数字符串第一个字符在源字符串中的位置不相等,返回false。//表示参数字符串是否在源字符串中,返回布尔值console.log(s.includes('o',6));//trueconsole.log(s.includes('l',0));//true//表示参数字符串是否在源字符串的尾部,返回布尔值//从n开始不包含n的位置向前检索也就是从n-1的位置检索,如果n-1的位置不是该参数字符就返回false;console.log(s.endsWith('h',2));//trueconsole.log(s.endsWith('d',6));//false
2.字符串的复制函数;repeat()函数;
console.log('x'.repeat(3));//xxx x被重复三次//如果参数是小数,会自动取整console.log('x'.repeat(3.9));//xxx x还是重复三次//如果参数小于等于-1或者是Infinity,会报错console.log('x'.repeat(-1));//Invalid count valueconsole.log('x'.repeat(Infinity));//Invalid count value//如果参数在0到-1之间,或者NaN,或者不能被转换成数值得的字符串,就等同于0,console.log('x'.repeat(-0.8));//''空console.log('x'.repeat(NaN));//''空console.log('x'.repeat('N'));//''空console.log('x'.repeat('3'));//xxx 字符串可以转换为数值console.log('x'.repeat('3g'));//''空
3.字符串补全
1.头部补全用 padStart();
2.尾部补全用 padEnd();
3.两者共有两个参数,第一个参数是字符串最小长度,第二个参数用来补全的字符串;
//最小长度5,源字符串不够最小长度,补上两个补全字符串,//一个在头部补全,一个在尾部补全;console.log('x'.padStart(5,'ab'))//ababxconsole.log('x'.padEnd(5,'ab'))//xabab//如果补全字符串与源字符串相加的长度超出了最小长度,呢么就截取补全字符串相对应的源字符串长度console.log('x'.padStart(4,'ab'))//abaxconsole.log('x'.padEnd(4,'ab'))//xaba//如果省略第二个参数,那么就用空格来作为补全字符串console.log('x'.padStart(4))// x,console.log('x'.padEnd(4))//x ,//常用的情景就是数值补0;console.log('1'.padStart(2,'0'))//01console.log('1'.padEnd(2,'0'))//10
4.字符串模板
1.使用 “反引号标识
2.变量使用${},可以引用对象
具体可以参考阮一峰老师的ES6入门,字符串扩展一节ES6入门
阅读全文
0 0
- ES6学习之路(三) 字符串扩展
- ES6学习笔记(三)--字符串扩展
- es6学习之路(4):字符串扩展
- ES6 学习笔记之《字符串的扩展》
- ES6(三) 字符串的扩展
- es6字符串扩展(三)
- ES6学习笔记(三)字符串的扩展
- React全家同学习之ES6之字符串的扩展
- ES6学习笔记-字符串扩展
- es6学习--字符串的扩展
- 学习笔记:ES6之字符串扩展(重要)
- ES6(三)字符串的扩展
- ES6学习之路4----字符串模版
- js-ES6学习笔记-字符串的扩展
- ES6学习4章:字符串的扩展
- ES6系列之---字符串的扩展函数
- es6学习之路(5):数值的扩展
- es6学习之路(6):数组的扩展
- python jieba分词并统计词频后输出结果到Excel和txt文档
- 设计模式之桥接模式(Bridge)
- IE浏览器页面样式混乱
- 欢迎使用CSDN-markdown编辑器
- 设计 iOS 应用时需要知道的 5 件事
- ES6学习之路(三) 字符串扩展
- java基础之Integer.parseInt(String s ,int radix)方法使用解释
- mysql忘记密码的解决办法
- 安装ubuntu 16.04后要做的事情
- 有关 C++ 内存对齐的测试
- Linux_Kafka 集群安装笔记
- ArcSDE版本学习总结(1)
- android沉浸式简单实现
- ThreadLocal的使用