1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8.  
  9. </body>
  10. <script>
  11. ////ES5：
  12. ////普通中文：U+4位16进制
  13. ////生僻字：两个四位十六进制
  14. var str = "";
  15. console.log(str.charCodeAt(0));//55362(被转为了10进制)
  16. console.log(str.charCodeAt(1));//57266
  17. console.log(String.fromCharCode(55362))//显示个错误字符
  18. console.log(String.fromCharCode("0xD8420xDFB2"))//空
  19.  
  20. ////ES6:
  21. ////生僻字：5位16进制
  22.  console.log(str.codePointAt())//134066
  23.  console.log(String.fromCodePoint(134066))//
  24. //
  25. ////也可用来显示正常字符
  26.  var str = "中";
  27.  console.log(str.codePointAt())//20013
  28.  console.log(String.fromCodePoint(20013))//
  29.  
  30. // for-of 等同于for in;但是不能转换对象
  31.  var str = "hello world";
  32.  var arr = [3,4,5,6,7];
  33.  var obj = {a:10,b:20,c:30}
  34. //for-in
  35. for(var i in str){
  36.      console.log(i)//0 1 2 3 4 6 7 8 9 1 0
  37.     console.log(str[i]);//h e l l o  w o r l d
  38. }
  39. for(var i in arr){
  40.     console.log(i)//0 1 2 3 4
  41.     console.log(arr[i]);//3 4 5 6 7
  42. }
  43. for(var i in obj) {
  44.     console.log(i)//a b c
  45.     console.log(obj[i]);//10 20 30
  46. //}
  47.  
  48. //for-of
  49.  for(var i of obj){
  50.      console.log(i)
  51.  } //报错
  52. for(var i of arr){
  53.     console.log(i)//3 4 5 6 7都不用加数组名
  54. }
  55. var s = "abc";
  56. for(let  b of s){
  57.     console.log(b) // "a"  "b"  "c"
  58. }
  59.  
  60. //4.字符串模版扩展：
  61. //
  62. //ES6中存在一种新的字符串， 这种字符串是 以 ` `  (波浪线上的那个字符 > 反引号)括起来表示的；
  63. //
  64. //        通常我们想要拼接一个带有标签的字符串， 是用这样的方式: bianliang + " <strong>这是一个文字" + obj.name + "</strong> " + bianliang
  65.  
  66. //但是有了ES6字符串一切都变得非常简单了;
  67. //
  68. //` ${bianliang} <strong>这是一个文字${obj.name}</strong>${bianliang} `
  69. //用 ${ } 扩住变量让拼接变得非常容易;
  70. //demo:ES5情况下：
  71.     var a = "很好";
  72.      console.log("今天天气'"+a+"'");//今天天气'很好'
  73.  
  74. console.log("今天天气'坏'");//今天天气'坏'
  75.  
  76. console.log("今天天气'"+ a +"'");//今天天气'很好'
  77.  
  78. console.log("今"+
  79.      "天"+
  80.      "天气'"+ a +"'");//今天天气'很好'
  81.  
  82. //    但是到了ES6通过 ` `
  83. console.log(`今天天气'坏'`);//今天天气'坏'
  84.  
  85. console.log(`今天天气'${a}'`);//今天天气'很好'
  86.  
  87. console.log(`今天天气"${a}"`);//今天天气"很好"
  88.  
  89. console.log(`今天天气"${a+"哈哈哈"}"`);//今天天气"很好哈哈哈"
  90.  
  91. console.log(`今天天气"${fn()}"`);//今天天气"嘿嘿嘿嘿"
  92. function fn(){
  93.     return "嘿嘿嘿嘿"
  94. }
  95.  
  96. </script>
  97. </html>

EX6新增的字符串的更多相关文章

  1. ES6中新增的字符串方法

    实例方法:includes(), startsWith(), endsWith() 传统上,JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中.ES6 又提供 ...

  2. ES6学习之ES5之后新增的字符串方法

    1.字符串模板:用法:`${变量名}` (好像是C#6.0中也引入了类似的方法.C#中的用法:$"我是{变量名}" ---> $"我叫{name}" ,相 ...

  3. 字符串模版，替代原来Es5的+号拼装字符串

    字符串模版 这节我们主要学习ES6对字符串新增的操作,最重要的就是字符串模版,字符串模版的出现让我们再也不用拼接变量了,而且支持在模板里有简单计算操作.小伙伴们是不是已经摩拳擦掌等不急了那?那我们就开 ...

  4. java字符串常量池——字符串==比较的一个误区

    转自:https://blog.csdn.net/wxz980927155/article/details/81712342   起因 再一次js的json对象的比较中,发现相同内容的json对象使用 ...

  5. es6新增语法之`${}`

    这是es6中新增的字符串方法 可以配合反单引号完成拼接字符串的功能 1.反单引号怎么打出来?将输入法调整为英文输入法,单击键盘上数字键1左边的按键. 2.用法step1: 定义需要拼接进去的字符串变量 ...

  6. es6语法之模版字符串

    //es6语法之`${}`以及vue语法 `${ }` (模版字符串)const name = '小缘' const age = 14 console.info(`大家好,我叫${name},今年${ ...

  7. .NET面试题系列[4] - C# 基础知识(2)

    2 类型转换 面试出现频率:主要考察装箱和拆箱.对于有笔试题的场合也可能会考一些基本的类型转换是否合法. 重要程度:10/10 CLR最重要的特性之一就是类型安全性.在运行时,CLR总是知道一个对象是 ...

  8. Java集合之LinkedHashMap

    一.初识LinkedHashMap 上篇文章讲了HashMap.HashMap是一种非常常见.非常有用的集合,但在多线程情况下使用不当会有线程安全问题. 大多数情况下,只要不涉及线程安全问题,Map基 ...

  9. 图解集合6：LinkedHashMap

    初识LinkedHashMap 上两篇文章讲了HashMap和HashMap在多线程下引发的问题,说明了,HashMap是一种非常常见.非常有用的集合,并且在多线程情况下使用不当会有线程安全问题. 大 ...

  10. python基础之内置函数

    该博客内容参考http://www.cnblogs.com/wupeiqi/articles/4943406.html 内置函数 一 详细见python文档,猛击这里 文件操作 操作文件时,一般需要经 ...

随机推荐

  1. 解决：pytesseract.pytesseract.TesseractNotFoundError: tesseract is not installed or it‘s not in your PATH. See README file for more information.

    问题:使用pytesseract库识别图片中文字时出现报错 代码: import pytesseract from PIL import Image,ImageEnhance img=Image.op ...

  2. 记录一个二级域名绑定动态ip的操作

    家里的路由器,还有一台路由器需要登录,以前一直用f3322的动态域名绑定,感觉使用也还可以,但最近几个月,只要是f3322.com的二级域名全部被chrome标注为危险. 所以准备换一个免费的二级域名 ...

  3. 项目实训 DAY 13

    GraphCore学习成本太高/现有资料太少,决定放弃 PlotNN用python语言生成pdf(需求:png),且不能通过仅运行python程序实现,python内生成的是tex格式,还需要加一行命 ...

  4. 西瓜书 5.5 编写过程（标准BP与累计BP）

    话不多说先用numpy表示出数据集 Y=['色泽','根蒂','敲声','纹理','脐部','触感','密度','含糖率','好瓜与否']D=np.array([[2,1,2,3,3,1,0.697, ...

  5. SQL教程

    SQL教程 SQL简介 SQL (Structured Query Language:结构化查询语言) 是用于管理关系数据库管理系统(RDBMS). SQL 的范围包括数据插入.查询.更新和删除,数据 ...

  6. software engineering homework 2

    博客信息 沈阳航空航天大学计算机学院2020软件工程作业 作业要求 https://edu.cnblogs.com/campus/sau/Computer1701-1705/homework/1058 ...

  7. C代码调用C++动态库

    最近在工作中遇到了修改C++代码嵌入到C代码中去,C肯定不能直接用C++代码,就需要自己去修改成C代码,所以我就决定在C中调用C++动态库(谁让我懒呢),话不多说,直接上步骤 第一步:编写C++代码 ...

  8. VUE-使用touchstart、touchmove、touchend实现拖拽卡片列表，实现更新排序功能

    感谢本文参考地址,原文解析更加清晰如有需要请移步:https://blog.csdn.net/weixin_40400844/article/details/114849253 怕原链接失效,将代码拷 ...

  9. 面向对象ooDay6

    精华笔记: static final常量:应用率高 必须声明同时初始化 由类名打点来访问,不能被改变 建议:常量所有字母都大写,多个单词用_分隔 编译器在编译时会将常量直接替换为具体的数,效率高 何时 ...

  10. 20193314白晨阳《Python程序设计》实验四 Python综合实践

    课程:<Python程序设计> 班级: 1933 姓名: 白晨阳 学号:20193314 实验教师:王志强老师 实验日期:2021年6月13日 必修/选修: 公选课 实验内容: Pytho ...