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. lombok使用(给自己看的,只为不要忘记自己用过的技术)

    如何使用? 一.1)eclipse使用方法 1. 从项目首页下载lombok.jar 2. 双击lombok.jar, 将其安装到eclipse中(该项目需要jdk1.6+的环境) 2)idea使用方 ...

  2. Lucene索引库维护、搜索、中文分词器

    删除索引(文档) 需求 某些图书不再出版销售了,我们需要从索引库中移除该图书. 1 @Test 2 public void deleteIndex() throws Exception { 3 // ...

  3. php bypass disable function

    前言 最近开学,事太多了,好久没更新了,然后稍微闲一点一直在弄这个php bypass disable function,一开始自己的电脑win10安装蚁剑的插件,一直报错.怀疑是必须linux环境. ...

  4. python语言开发环境配置

    原作者:龙行天下-super 地址:https://www.cnblogs.com/longxingtianxia/p/10181901.html 要点:IDLE是一个轻量级python语言开发环境, ...

  5. websocket+sockjs+stompjs详解及实例

    最近有项目需求要用到websocket,刚开始以为很简单,但是随着遇到问题,深入了解,才知道websocket并不是想象中的那么简单,这篇文章主要是考虑websocket在客户端的使用. 1.http ...

  6. Centos-rpm二进制包安装-rpm

    rpm 软件包管理器 rpm包命名规范 mysql-community-server-5.7.21-1.el7.x86_64.rpm 软件名称 mysql-community-server 软件版本 ...

  7. 0921 LCA练习

    1.poj 1330 数据结构中的树,在计算机科学中是非常重要的,例如我们来看看下面这棵树: 在图中我们对每个节点都有编号了. 8号节点是这棵树的根.我们定义,一个子节点向它的根节点的路径上,任意一个 ...

  8. 图像分辨率 像素 大小 LCD显示 为OLED屏增加GUI支持

    1. 根据一张标准图片的分辨率,结合每个像素的大小,可以计算得到这张图片的大小(字节数) 补充点:bmp格式的图片有24色或者32色.(其一个像素点可能占用24bits或者32bits)  至于图片怎 ...

  9. 003 01 Android 零基础入门 01 Java基础语法 01 Java初识 03 Java程序的执行流程

    003 01 Android 零基础入门 01 Java基础语法 01 Java初识 03 Java程序的执行流程 Java程序长啥样? 首先编写一个Java程序 记事本编写程序 打开记事本 1.wi ...

  10. RHSA-2017:1842-重要: 内核 安全和BUG修复更新(需要重启、存在EXP、本地提权、代码执行)

    [root@localhost ~]# cat /etc/redhat-release CentOS Linux release 7.2.1511 (Core) 修复命令: 使用root账号登陆She ...