ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ES6-字符串扩展

2021-10-27 09:04:51  阅读:172  来源: 互联网

标签:everybody ES6 const log 扩展 say let 字符串


目录:

  • 字符串模板
  • 新增方法

字符串模板:

在这之前,我们模板通常是这样的

 let name = "swiftslee";
 let title = "IFTS"

 let node = "<li>" + name + "</li><li>" + title + "</li> "
 document.querySelector("ul").innerHTML = node

不仅繁琐,可读性也较差。在ES6中提供了字符串模板,使用反引号作为表示,即可以写多行字符串又可以嵌入变量。

 let name = "swiftslee";
 let title = "IFTS"
 let node = `<li>${name}</li>
 			<li>${title}</li>`

 document.querySelector("ul").innerHTML = node

使用${}嵌入变量,即可输出又可运算,简直不要太方便。

字符串方法:

  • startsWith(str, pos)
  • includes(str, pps)
  • endsWith(str, pps)

这三个方法都是从字符串中检索传入的字符串,并返回一个布尔值。

startsWith(str, pos):判定字符串是否是以指定的字符串开头,第二个参数表示开始检索的位置,且包含参数,值默认为0
const say = "hello,everybody";
console.log(say.startsWith("h"));  //true

const say = "hello,everybody";
console.log(say.startsWith("e",6));//true,从索引为6开始检索是不是以e开头
includes(str, pos):判定字符串中是否包含另一个字符串,第二个参数表示起始位置
const say = "hello,everybody";
console.log(say.includes("llo")); //true

const say = "hello,everybody";
console.log(say.includes("llo",6));//false,从索引为6开始检索是否包含'llo'
endsWith(str, pos):判定字符串是否是以指定的字符串结尾,第二个参数表示字符串末尾位置,且不包含参数值,默认为字符串长度。
const say = "hello,everybody";
console.log(say.endsWith("y"));//true

const say = "hello,everybody";
console.log(say.endsWith("o",5));//true,从开始检索到索引为5且不包含5的位置,判断是不是以o结尾

更多内容:IFTS

标签:everybody,ES6,const,log,扩展,say,let,字符串
来源: https://blog.csdn.net/swiftsLee/article/details/120985621

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有