美文网首页
es6中的字符串 --------之开发常用

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

作者: JsLin_ | 来源:发表于2018-08-21 11:14 被阅读0次

开发中我们经常用的判断字符串是否包含某个字符 从而进行接下来的操作
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>
`;

相关文章

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

    开发中我们经常用的判断字符串是否包含某个字符 从而进行接下来的操作1、 传统上,JavaScript 只有inde...

  • ES6中字符串新增的6个常用方法

    ES6中字符串新增的几个常用方法说明 一.includes 说明:判断字符串中是否包含给定值,返回值为bool类型...

  • es6的数值,函数,字符串扩展

    一、es6的数值扩展 二、es6的函数扩展 代码效果:对象解构在函数中的应用 三、es6字符串扩展 常用方法 代码...

  • ES6在企业中的应用

    模板字符串 解构赋值解构赋值最常用的在于函数。 数组spread es6浅拷贝 函数新特性之箭头函数 函数新特性之...

  • ES6 数值的扩展

    本节我们学习 ES6 中的常用数据类型之数值(Number)类型。ES6 中除了 JavaScript 中的六种数...

  • ES6 数值的扩展

    本节我们学习 ES6 中的常用数据类型之数值(Number)类型。ES6 中除了 JavaScript 中的六种数...

  • 【基础知识】消除ES6模板字符串中的空格

    转:消除ES6模板字符串中的空格 在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如...

  • es6中的数值 --------之开发常用

    1、开发中我们经常会要用到 判断接口返回的是不是数字 或者数字是不是null es6提供了下面方法ES6 在Num...

  • ES6学习 第三章 字符串的扩展

    前言 本章主要是内容为是 ES6 对字符串的改造和增强。本章记录字符串的扩展常用重点部分,不常用知识稍作记录。本章...

  • String、StringBuffer、StringBuilde

    在日常开发中我们经常用到字符串,不管是数量还是体积,字符串都占据了应用开发中很重要的地位。 String 典型的I...

网友评论

      本文标题:es6中的字符串 --------之开发常用

      本文链接:https://www.haomeiwen.com/subject/sfydiftx.html