ES6对JavaScript的变动的很大,增加了一些新特性。

字符串模板:

字符串模块使用``来表示,相比原来使用双引号来标记,多了许多便利性

 1 // 原始的标记使用+来连接,遇到一些复杂的字符串会显得杂乱
2 const char = '123'
3 const str = 'a' + char + 'b'
4
5 // 而模块字符串相比方便一些
6 // 对于参数使用${xxx}来表示,如上面的式子
7 const str = `a${char}b` // 结果相同
8
9 // 同时还支持多行字符串
10 const str = `
11 my name is lihua.
12 how are you?
13 `

字符串新增常用方法:

// 两个对象方法,虽然不常用到,还是有必要记一记。
String.fromCodePoint()   -- 将Unicode编码转为字符串,结果返回字符串。同fromCharCode()一样,只不过由于js的自身限制,fromCharCode无法识别大于0xFFFF的码,所以ES6推出了fromCodePoint()

String.Raw() -- 将字符串中斜杆前面加上一个斜杠,以表转义,常用于模块字符串的处理。

--匹配字符串方法:includes(), stratsWith(), endsWith()

原生的js只有indexof()来进行字符串匹配。

includes(char, index?)   -- 返回值,bool。 接收两个参数,char必选,查询的字符串,index为查找的位置。 找到字符串则返回ture,否则相反。

stratsWith(char, index?) -- 返回值,bool。 接收两个参数,上同!意义,查找的字符串是否处于原字符串的头部,是则返回true,否则相反

endsWith(char, index?)  -- 返回值,bool。接收两个参数,上同!意义,查找的字符串是否处于原字符串的尾部,是则返回true,否则相反

-- 复制方法: repeat(n) 

repeat(n) -- 复制字符串,参数n为次数, 范围大于0的整数,如果值是浮点数,则向下取整。如果参数为字符串,则转为数字。

-- 匹配正则方法: matchall(正则表达式)

matchall(正则表达式) -- 匹配正则表达式在当前字符串中的所有匹配

-- 空格去除方法: trimStart() trimEnd()

与trim()一样,trim出去字符串前的所有空格,而该两个方法如字面意思,去除Start前面,end后面的空格

-- 补全字符串方法: padStart(), padEnd()

padStart(length, str) -- 在字符串前面补全长度,前提是字符串长度不足。

padEnd(length, str) -- 在字符串后面补全长度,前提是字符串长度不足。

 1 ‘hello’.padStart(6, 'a')  // 'ahello'
2
3 'hello'.padStart(6, 'abc') // "ahello"
4
5 'hello'.padStart(10, 'abc') // "abcabhello"
6
7 ‘hello’.padStart(5, 'abc') // "hello"
8
9 // padEnd()同理,不同点在字符串后面补齐
10
11 ‘hello’.padEnd(6, 'a') // 'helloa'

欢迎指教,与君共勉

ES6字符串随笔的更多相关文章

  1. ES6字符串方法

    ES6字符串提供三个函数确定一个字符串是否包含在另一个字符串中,分别是includes().startsWith().endsWith(),这三种方法都返回一个布尔值. includes()方法表示是 ...

  2. es6 字符串的扩展和数值的扩展

    es6字符串的扩展 1. es6新增的一些方法 1.1 includes 判断是否包括在内,返回一个 true or false 1.2 statsWith 判断是否以什么开头,返回一个 true o ...

  3. ES6字符串和正则表达式改动

    1. ES6字符串变更 (1)includes() 方法,如果在字符串中检测到指定文本返回true,否则返回false (2)startsWith()方法,如果在字符串的起始部分检测到文本,则返回tr ...

  4. ES6字符串操作讲解(详细),字符串编码表,代码单元,码点的详细介绍。

    以前用到字符串的方法时候,并不会深刻的去思考其中的原理,所以在es6新增的这些方法里就有点蒙圈了,于是想要搞清楚为什么会新增这些方法,以及如何使用这些方法. 在博客园上看见一篇大神SamWeb的总结, ...

  5. ES6字符串模板

    这里做个简单的拓展,之前做vue组件时,经常用到拼接字符串,换行时用到\,既费时又麻烦.这里介绍个ES6字符串模板方法 旧版拼接(各种换行拼接) Vue.component('obj-prop',{ ...

  6. es6 字符串 对象 拓展 及 less 的语法

    es6 字符串 对页面渲染的几种方式:字符串拼接 文档碎片 dom操作 模板 es6 又提供了一种新的对页面渲染的方式:字符串模板(高级版的字符串拼接) 模板字符串标识符是 反引号 ( `` ) 英文 ...

  7. ES6学习随笔--字符串模板、解构赋值、对象、循环、函数、Promise、Generrator

    在线编译器:babel.github 在nongjs中使用 'use strict' let a = ; 运行node : node --harmony_destructuring xxx.js 代码 ...

  8. ES6 — 字符串String

    ES6对字符串新增了一些函数和操作规范.下面我们来看ES6中对字符串新加的特性. 1.模版字符串 (即用反引号定义的字符串) 传统的字符串拼接通过我们使用'+'号与变量连接.例如: let name= ...

  9. ES6字符串扩展

    前面的话 字符串是编程中重要的数据类型,只有熟练掌握字符串操作才能更高效地开发程序.JS字符串的特性总是落后于其它语言,例如,直到 ES5 中字符串才获得了 trim() 方法.而 ES6 则继续添加 ...

随机推荐

  1. 【JVM系列1】深入分析Java虚拟机堆和栈及OutOfMemory异常产生原因

    前言 JVM系列文章如无特殊说明,一些特性均是基于Hot Spot虚拟机和JDK1.8版本讲述. 下面这张图我想对于每个学习Java的人来说再熟悉不过了,这就是整个JDK的关系图: 从上图我们可以看到 ...

  2. dpwwn-01靶机渗透

    dpwwn-01 主机发现+端口扫描 发现3306端口,80端口. 访问80端口,进行目录爆破,没有什么发现,主要点还是在数据库. 登录,没有密码. 进入数据库,查找敏感信息. 查看到ssh的用户,进 ...

  3. P4395 [BOI2003]Gem 气垫车

    树形dp 首先,我们可以考虑dp,把这个问题看成一个树的染色问题,用dp[i][j]表示以i为根节点,将树染成第i种颜色的最小代价,那么我们可以得到j的最大值是(log(maxn)/log(2)+1) ...

  4. 国产化之路-统信UOS操作系统安装

    专题目录 国产化之路-统信UOS操作系统安装 国产化之路-国产操作系统安装.net core 3.1 sdk 国产化之路-安装WEB服务器 国产化之路-安装达梦DM8数据库 国产化之路-统信UOS + ...

  5. 简述application.properties和application.yml 以及 @ConfigurationProperties 和@PropertySource @Value 和@ImportResource的用法,区别

    问题: 如何在application.properties和application.yml中配置String,Date,Object,Map,List类型的属性,并且idea能提示 先写一个Perso ...

  6. 03 sublime text3下配置Java的编译运行环境

    参考如下文章,加入了自己的干货: https://blog.csdn.net/qq_38295511/article/details/81140069 https://blog.csdn.net/qq ...

  7. interp1一维数据插值在matlab中的用法

    转载:https://ww2.mathworks.cn/help/matlab/ref/interp1.html?s_tid=srchtitle#btwp6lt-2_1 interp1 一维数据插值( ...

  8. Android和CraigDJ

    下载HTML source - 46.8 KB 下载APK - 8.1 MB Introduction  大家好,欢迎来到我的Android应用程序项目! 我必须承认,我仍然对原生安卓环境几乎一无所知 ...

  9. Linux基础入门 vim常用命令详解

    介绍 vim是一个文本编辑程序 没有菜单,只有命令,且命令繁多 命令行模式下相关命令 移动光标 ​ h: ← 左移 ​ l: → 右移 ​ j: ↓ 下移 ​ k: ↑ 上移 ​ gg: 光标移动文件 ...

  10. Java基础系列-SPI你认识吗

    原创文章,转载请标注出处:https://www.cnblogs.com/V1haoge/p/10755313.html 一.SPI是什么 SPI是相对API而言的. API指的是应用对服务调用方提供 ...