es6中的字符串 --------之开发常用

简介: 开发中我们经常用的判断字符串是否包含某个字符 从而进行接下来的操作1、 传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。

开发中我们经常用的判断字符串是否包含某个字符 从而进行接下来的操作
1、 传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。

includes():返回布尔值,表示是否找到了参数字符串。
startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部

这三个方法都支持第二个参数,表示开始搜索的位置。

let s = 'Hello world!';

s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false

注意:上面代码表示,使用第二个参数n时,endsWith的行为与其他两个方法有所不同。它针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。
2、
padStart()用于头部补全,padEnd()用于尾部补全。
这个字符串的操作可用于格式化字符串
例如:

'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

3、模板字符串

`${变量}`

4、模板编译 模板使用<%...%>放置 JavaScript 代码,使用<%= ... %>输出 JavaScript 表达式。

let template = `
<ul>
  <% for(let i=0; i < data.supplies.length; i++) { %>
    <li><%= data.supplies[i] %></li>
  <% } %>
</ul>
`;
目录
相关文章
|
1月前
|
JSON 安全 Java
Android网络部分-----网络数据请求、解析
Android网络部分-----网络数据请求、解析
Android网络部分-----网络数据请求、解析
|
10月前
|
算法 安全 JavaScript
python---js逆向------再接再励------案例
python---js逆向------再接再励------案例
|
11月前
|
网络架构
ES9 新特性 ------ 扩展运算符
ES9 新特性 ------ 扩展运算符
|
11月前
|
JavaScript 前端开发
ES6 ------ 基础(五)
ES6 ------ 基础(五)
|
11月前
ES6 ------ 基础(四)
ES6 ------ 基础(四)
|
11月前
ES10 ------ 扩展方法
ES10 ------ 扩展方法
|
11月前
ES6 ------ 基础(二)
ES6 ------ 基础(二)
ES6 ------ 基础(二)
|
11月前
|
网络架构
ES6 ------ 基础(一)
ES6 ------ 基础(一)
|
11月前
ES7 新特性 ------ includes 和 **
ES7 新特性 ------ includes 和 **