ES6字符串随笔
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字符串随笔的更多相关文章
- ES6字符串方法
ES6字符串提供三个函数确定一个字符串是否包含在另一个字符串中,分别是includes().startsWith().endsWith(),这三种方法都返回一个布尔值. includes()方法表示是 ...
- es6 字符串的扩展和数值的扩展
es6字符串的扩展 1. es6新增的一些方法 1.1 includes 判断是否包括在内,返回一个 true or false 1.2 statsWith 判断是否以什么开头,返回一个 true o ...
- ES6字符串和正则表达式改动
1. ES6字符串变更 (1)includes() 方法,如果在字符串中检测到指定文本返回true,否则返回false (2)startsWith()方法,如果在字符串的起始部分检测到文本,则返回tr ...
- ES6字符串操作讲解(详细),字符串编码表,代码单元,码点的详细介绍。
以前用到字符串的方法时候,并不会深刻的去思考其中的原理,所以在es6新增的这些方法里就有点蒙圈了,于是想要搞清楚为什么会新增这些方法,以及如何使用这些方法. 在博客园上看见一篇大神SamWeb的总结, ...
- ES6字符串模板
这里做个简单的拓展,之前做vue组件时,经常用到拼接字符串,换行时用到\,既费时又麻烦.这里介绍个ES6字符串模板方法 旧版拼接(各种换行拼接) Vue.component('obj-prop',{ ...
- es6 字符串 对象 拓展 及 less 的语法
es6 字符串 对页面渲染的几种方式:字符串拼接 文档碎片 dom操作 模板 es6 又提供了一种新的对页面渲染的方式:字符串模板(高级版的字符串拼接) 模板字符串标识符是 反引号 ( `` ) 英文 ...
- ES6学习随笔--字符串模板、解构赋值、对象、循环、函数、Promise、Generrator
在线编译器:babel.github 在nongjs中使用 'use strict' let a = ; 运行node : node --harmony_destructuring xxx.js 代码 ...
- ES6 — 字符串String
ES6对字符串新增了一些函数和操作规范.下面我们来看ES6中对字符串新加的特性. 1.模版字符串 (即用反引号定义的字符串) 传统的字符串拼接通过我们使用'+'号与变量连接.例如: let name= ...
- ES6字符串扩展
前面的话 字符串是编程中重要的数据类型,只有熟练掌握字符串操作才能更高效地开发程序.JS字符串的特性总是落后于其它语言,例如,直到 ES5 中字符串才获得了 trim() 方法.而 ES6 则继续添加 ...
随机推荐
- Ubuntu16环境安装和使用NFS
通过NFS服务我们可以方便的读写服务器上的文件,一起来实战Ubuntu16环境安装和使用NFS: 文章概要 本次实战由以下步骤组成: 列举环境信息: 在192.168.119.128安装NFS服务,将 ...
- 渗透测试方法论(qf总结)
渗透测试(penetration testing , pentest)是实施安全评估(即审计)的具体手段.方法论是在指定.实施信息安全审计方案时,需要遵循的规则.惯例和过程.人们在评估网路.应用.系统 ...
- Book of Shaders 03 - 学习随机与噪声生成算法
0x00 随机 我们不能预测天空中乌云的样子,因为它的纹理总是具有不可预测性.这种不可预测性叫做随机 (random). 在计算机图形学中,我们通常使用随机来模拟自然界中的噪声.如何获得一个随机值呢, ...
- SpringBoot-04-自动配置原理再理解
4. 自动配置原理再理解 配置文件到底能写什么?怎么写?SpringBoot官方文档有大量的配置,但是难以全部记住. 分析自动配置原理 官方文档 我们以HttpEncodingAutoCo ...
- Layman 分享到朋友圈或发送给朋友
*主要是介绍如何在网页中实现发送给朋友和分享到朋友圈时内容参数自定义的功能 微信JS接口 1.微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包; 通过使用微信JS-SDK, ...
- 【小白学PyTorch】19 TF2模型的存储与载入
[新闻]:机器学习炼丹术的粉丝的人工智能交流群已经建立,目前有目标检测.医学图像.时间序列等多个目标为技术学习的分群和水群唠嗑的总群,欢迎大家加炼丹兄为好友,加入炼丹协会.微信:cyx64501661 ...
- 制作u盘启动盘
制作u盘启动盘 如果是想要制作 windows 系统启动盘,windows 官网提供途径,这里不在赘述. 以下讨论制作 centos 系统启动盘,需要 centos 系统文件,开源,可从官网下载得到. ...
- 019 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 13 数据类型转换的代码示例
019 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 13 数据类型转换的代码示例 本文知识点:Java中的数据类型转换案例 学习视频有误,导致没法写文,文章内容 ...
- C++ 中explicit的作用
转载:https://www.cnblogs.com/diligenceday/p/5781408.html C++ 中explicit的作用 explicit作用: 在C++中,explicit ...
- Java源码详解系列(十一)--Spring的使用和源码
Spring 是一个一站式的 Java 框架,致力于提高我们项目开发的效率.通过 Spring,我们可以避免编写大量额外代码,更专注于我们的核心逻辑.目前,Spring 已经成为最受欢迎的 Java ...