首页 / ES6 / es6的基础介绍--字符串的拓展
es6的基础介绍--字符串的拓展
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了es6的基础介绍--字符串的拓展,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2280字,纯文字阅读大概需要4分钟。
内容图文
1 for...of 字符串的遍历接口for(let i of "abc"){ console.log(i); } // a // b // c
2 includes 是否包含某字符串,返回布尔值
格式:str.includes(searchString[, position])
与indexOf的对比:
indexOf:返回下标,判断是否包含某字符串,下标是字符串的位置
includes:返回布尔值,是否包含某字符串,如果只是判断字符串中包含,此法可行。
var s = "hello"; // es5 s.indexOf("o"); // 4 // es6 s.includes("o"); // true s.includes("d"); // false s.includes("h", 2); // false 从第三个字符开始找
3 startsWith 参数字符串是否在源字符串的头部,返回布尔值
格式:str.startsWith(searchString[, position])
var s = "hello world"; // es5 s.indexOf("hello"); // 0 等于0表示就在源字符串头部 // es6 s.startsWith("hello"); // true s.startsWith("world"); // false s.startsWith("world", 6); // true
4 endsWith 跟startsWith相反,表示参数字符串是否在源字符串的尾部,返回布尔值
格式:str.endsWith(searchString[, position])
var s = "hello world"; // es5 String.prototype.endWith=function(endStr){ var d=this.length-endStr.length; return (d>=0&&this.lastIndexOf(endStr)==d) } s.endWith("world"); // true // es6 s.endsWith("world"); // true s.endsWith("world", 5); // false s.endsWith("hello", 5); // true
5 repeat 将原字符串重复n次,返回一个新字符串
var s = "s"; s.repeat(3); // sss s.repeat(2.6); // ss 小数会被取整 s.repeat(-2); // RangeError 报错 s.repeat(0); // ""
6 模板字符串 是增强版的字符串,用反引号(`)标识。
它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量,好处相当明显,不用再拼接字符串,使用模板字符串内部可以使用变量了。
// es5输出模板通常是如下格式,相当繁琐还不方便 var name="Bob",time="today"; var resultStr = "hello "+name+", how are you "+time+'?'; //hello Bob, how are you today? // es6 模板字符串 console.log(`string text line 1 string text line 2`); //string text line 1 //string text line 2 // 直接用${变量名}表示 `Hello ${name}, how are you ${time}?` // Hello Bob, how are you today? // 使用表达式 var obj={a:1,b:2}; `${obj.a+obj.b}` // 3 // 使用函数 function fn() { return "Hello World"; } `this is fn return str: ${fn()}` // this is fn return str: Hello World
具体es6关于字符串的变化、拓展请查看MDN官网
【相关推荐】
1. 特别推荐:“php程序员工具箱”V0.1版本下载
2. 免费js在线视频教程
3. php.cn独孤九贱(3)-JavaScript视频教程
以上就是es6的基础介绍--字符串的拓展的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的es6的基础介绍--字符串的拓展全部内容,希望文章能够帮你解决es6的基础介绍--字符串的拓展所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。