1、字符的表示方式

  最早在  \u0000-\uFFFF 之间的字符已经足够使用吗,每个字符占两个字节,超出范围,必须使用双字节形式表达,

  即每个字符占四个字节。超出范围的字符,会被解读成  \uXXXX+last。

  ES6中,将码点放入 大括号中,既可以正确解读该字符。

  "hell\u{6F}"

'\z'
'\172'
'\x7A'
'\u007A'
'\u{7A}'

2、

   一般来说,字符以 UTF-16 格式存储,每个字符固定为2字节。

   超过 0XFFFF范围的字符,将会出现异常。

charAt      

At

charCodeAt    codePointAt fromCharCode String.fromPointCode

无法读取整个字符

可以识别Unicode编号大于0xFFFF的字符

只能分别返回前两个字节和后两个字节

正确返回32位UTF-16字符码,返回的码点是十进制,使用 s.charCodeAt(2).toString(16)可以查看十六进制码点

不能识别32位的UTF-16字符  String.fromCodePoint(0x20BB7)

String.fromCodePoint(0x1f680);

3、字符串的 for...of

  字符串类似于字符数组,因此,可以使用for...of 遍历字符串。

  可以识别 大于 0XFFFF的码点,输出的是值,而不是 索引。

     let text = '中国人民大学';
for (let item of text) {
console.log(item);
}

4、字符串的 包含判断 includes、startWidth、endWidth

   /*
* 是否包含字符串相关 函数
* 1、includes() String.prototype.includes = function(searchString,position) {}
* 2、startWith() String.prototype.startsWith = function(searchString,position) {}
* 3、endWidth() String.prototype.includes = function(searchString,position) {}
*
* 均支持第二个参数,表示搜索的开始位置,
     * endsWith表示第n个字符,是否有这个字符串或字符串,others第n个位置直到字符串结束之间是否有这个字符串。
* */ let source = 'jack is a good boy';
source.startsWith('j'); //true
source.endsWith('t', ); //false
     source.startsWith('a',1); //true

5、字符串的自我复制 repeat()

 String.prototype.repeat = function(count) {}

 'na'.repeat(3);

6、模板字符串
  (1)模板字符串 template string,用反引号` 标识,可以用来定义多行字符串,或者在字符串中嵌入变量
      如果使用模板字符串表示多行字符串,所有空格和缩进都会被保留在输出之中,如果不需要,可用 ''.trim()除去
       let x = , y = ;

        `${x}+${y}=${x+y}`;

     (2)模板字符串还能调用函数

 const data=[
{ first:'jack',last:'Bond'},
{ first:'Tom' , last:'li'}
]; const tmpl=addrs=>`
<table>
${addrs.map(addr=>`
<tr><td>${addr.first}</td></tr>
<tr><td>${addr.last}</td></tr>
`
).join('')}
</table>
`;//使用 join 避免多行之间 多余 逗号 console.log(tmpl(data));

   (3)如果需要引用模板字符串本身,应如下

 let helloName='name=>`hello ${name}`',
getName=eval.call(null,helloName);
getName('jack');

    (4)

      String.raw 往往用来充当模板字符串的处理函数,返回一个斜杠被转移的字符串,对应于替换后的模板字符串

    作为正常函数使用,它的一个参数,应该是具有raw属性的对象
   String.raw = function(template,substitutions) {}      
 String.rawExample = function (strings, ...values) {
var output = "";
for (var index = ; index < values.length; index++) {
output += strings.raw[index] + values[index];
} output += strings.raw[index]
return output;
}

7、标签模板

 标签模板不是模板,而是函数调用的一种特殊形式,标签指 函数,模板是 参数
     alert``;
let a= ,b=;
function tag(stringArr,...args){
console.log(stringArr);
} tag`hello${a+b} world ${a*b}`;


ES6(四)字符串的扩展的更多相关文章

  1. JavaScript学习笔记--ES6学习(四) 字符串的扩展

    ES6对字符串进行了一些扩展,主要表现在对Unicode 大于\uFFFF的字符的处理上. 1. ES6中字符的Unicode表示方法 在ES5中,字符串的Unicode表示方法: \uxxxx . ...

  2. ES6中字符串的扩展

    一.查找字符串 在ES5中,可以使用 indexOf 方法和 lastIndexOf 方法查找字符串: let str = 'hello world'; alert(str.indexOf('o')) ...

  3. ES6 中字符串的扩展

    1. 字符的Unicode表示法 JavaScript允许采用 \uxxxx 形式表示一个字符,其中 xxxx 表示字符的 Unicode 码点. "\u0061" // 表示小写 ...

  4. 字符串的扩展(ES6)

    文章目录 字符串的扩展 1. 字符的Unicode表示法 2. codePointAt() 3. String.fromCodePoint() 4. 字符串的遍历器接口 5. at()(提案) 6. ...

  5. ES6 字符串的扩展

    字符的Unicode表示法 JavaScript允许采用\uXXXX形式表示一公分字符,其中XXXX表示字符的码点. "\u0061" //"a" 但是,这种表 ...

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

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

  7. ES6中字符串扩展

    ES6中字符串扩展 ① for...of 遍历字符串: 例如: for(let codePoint of 'string'){ console.log(codePoint) } 运行结果: ②  in ...

  8. ES6的新特性(4)——字符串的扩展

    字符串的扩展 ES6 加强了对 Unicode 的支持,并且扩展了字符串对象. 字符的 Unicode 表示法 JavaScript 允许采用\uxxxx形式表示一个字在\u0000~\uFFFF之间 ...

  9. ES6学习笔记(3)----字符串的扩展

    参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 字符串的扩展ES6之前只能识别\u0000 - \uFFFF 之间的字符,超过此范围,识别会出错 ...

  10. ES6学习历程(字符串的扩展)

    字符串的扩展 在看这一节的时候前半部分写的都是关于unicode的内容,我个人感觉这部分在实际的开发中用的很少,所以不打算在做记录,等届时用到再有针对性的看,所以就将在ES6里面关于字符串操作的一些新 ...

随机推荐

  1. List<Object>中,以Object的某一属性值为参照进行排序,选取最大记录的解决办法

    一.场景:java web, 在一列表中选取一条记录,该记录的某一个属性值在此List中为最大值: List的格式为List<Object>,其中Object为定义的Vo或者Po类,其中包 ...

  2. ssm整合(基于xml配置方式)

    本文是基于xml配置的方式来整合SpringMVC.Spring和Mybatis(基于注解的方式会再写一篇文章),步骤如下: (1)首先自然是依赖包的配置文件 pom.xml <project ...

  3. Java爬虫--Https绕过证书

    https网站服务器都是有证书的. 是由网站自己的服务器签发的,并不被浏览器或操作系统广泛接受. 在使用CloseableHttpClient时经常遇到证书错误(知乎的网站就是这样) 现在需要SSL绕 ...

  4. JDK与JRE的关系

    JDK  =   JRE + Java语言 + 工具及工具API JRE  =    程序部署发布 + 用户界面工作集 + 集成库 + 其他基础库 + 语言和工具基础库 + Java虚拟机 简单讲:J ...

  5. STL之容器适配器stack的实现框架

    说明:本文仅供学习交流,转载请标明出处,欢迎转载! 一提到适配器(adapter).我们就想到了早期用电话线上网所用的调制解调器,俗称"猫"."猫"的作用是实现 ...

  6. Struts框架的国际化

    本文将通过一个详细的实例来展示Struts框架的国际化,使用的版本号是struts1.1. 案例:在一个页面上有一个下拉框,下拉框中有3个国家的语言选项,各自是"中文简体".&qu ...

  7. hdu2601 An easy problem(数学)

    题目意思: http://acm.hdu.edu.cn/showproblem.php? pid=2601 给出一个数N,求N=i*j+i+j一共同拥有多少种方案. 题目分析: 此题直接暴力模拟就可以 ...

  8. 【Sqlsever系列】日期和时间

    1   概述 本文将集合MSDN简要概述Sqlserver中日期和时间函数. 2   具体内容 2.1  date and time data types 2.2  日期和时间功能 3   参考文献 ...

  9. Nginx服务编译安装、日志功能、状态模块及访问认证模式实操

    系统环境 [root@web ~]# cat /etc/redhat-release CentOS release 6.9 (Final) [root@web ~]# uname -a Linux d ...

  10. mysql+mybatis递归调用

    递归调用的应用场景常常出现在多级嵌套的情况,比如树形的菜单.下面通过一个简单的例子来实现mysql+mybatis的递归. 数据模型 private Integer categoryId; priva ...