<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

</body>

<script>

////ES5：

////普通中文：U+4位16进制

////生僻字：两个四位十六进制

var str = "";

console.log(str.charCodeAt(0));//55362(被转为了10进制)

console.log(str.charCodeAt(1));//57266

console.log(String.fromCharCode(55362))//显示个错误字符

console.log(String.fromCharCode("0xD8420xDFB2"))//空

////ES6:

////生僻字：5位16进制

 console.log(str.codePointAt())//134066

 console.log(String.fromCodePoint(134066))//

//

////也可用来显示正常字符

 var str = "中";

 console.log(str.codePointAt())//20013

 console.log(String.fromCodePoint(20013))//

// for-of 等同于for in;但是不能转换对象

 var str = "hello world";

 var arr = [3,4,5,6,7];

 var obj = {a:10,b:20,c:30}

//for-in

for(var i in str){

     console.log(i)//0 1 2 3 4 6 7 8 9 1 0

    console.log(str[i]);//h e l l o  w o r l d

}

for(var i in arr){

    console.log(i)//0 1 2 3 4

    console.log(arr[i]);//3 4 5 6 7

}

for(var i in obj) {

    console.log(i)//a b c

    console.log(obj[i]);//10 20 30

//}

//for-of

 for(var i of obj){

     console.log(i)

 } //报错

for(var i of arr){

    console.log(i)//3 4 5 6 7都不用加数组名

}

var s = "abc";

for(let  b of s){

    console.log(b) // "a"  "b"  "c"

}

//4.字符串模版扩展：

//

//ES6中存在一种新的字符串， 这种字符串是 以 ` `  (波浪线上的那个字符 > 反引号)括起来表示的；

//

//        通常我们想要拼接一个带有标签的字符串， 是用这样的方式: bianliang + " <strong>这是一个文字" + obj.name + "</strong> " + bianliang

//但是有了ES6字符串一切都变得非常简单了;

//

//` ${bianliang} <strong>这是一个文字${obj.name}</strong>${bianliang} `

//用 ${ } 扩住变量让拼接变得非常容易;

//demo:ES5情况下：

    var a = "很好";

     console.log("今天天气'"+a+"'");//今天天气'很好'

console.log("今天天气'坏'");//今天天气'坏'

console.log("今天天气'"+ a +"'");//今天天气'很好'

console.log("今"+

     "天"+

     "天气'"+ a +"'");//今天天气'很好'

//    但是到了ES6通过 ` `

console.log(`今天天气'坏'`);//今天天气'坏'

console.log(`今天天气'${a}'`);//今天天气'很好'

console.log(`今天天气"${a}"`);//今天天气"很好"

console.log(`今天天气"${a+"哈哈哈"}"`);//今天天气"很好哈哈哈"

console.log(`今天天气"${fn()}"`);//今天天气"嘿嘿嘿嘿"

function fn(){

    return "嘿嘿嘿嘿"

}

</script>

</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. 10 soundJs 初体验

    最近想做一个h5的小游戏所以用上了soundjs. 还在开发中  http://www.hetenglife.com/mouse/game.html 刚刚把控制做完. 首先是要导入这个文件 <s ...

  2. 项目实训DAY7

    今天与昨天一样,查论文,并美化了一下功能界面的样式.

  3. 【python基础笔记-3】decimal模块解决浮点数计算精度问题

    通过Decimal('123.456')对象实例化后做 + - * / 等运算符操作计算结果不会出现精度问题. Tips:值得注意的2点是 1.Decimal接收的入参是str,所以如果原本操作的数据 ...

  4. 【已解决】Jenkins构建成功但发送邮件失败，报错“Not sending mail to unregistered user xxx@xxx.com because your SCM claimed this was associated with a user ID ‘xxx which your security realm does not recognize; ”

    问题描述:构建成后,但发送邮件失败,具体报错截图如下: 原因:用户在jenkins中名称与发送邮件汇总设置不一样且没有勾选"Allow sending to unregistered use ...

  5. #科技 #资讯 #生活 微信测试更多图片打开方式，神州圆满发射，英伟达或停产性价比神卡，SAMSUNG新一代显存带宽容量双翻倍，这就是今天的其它大新闻

    今天是2022年12月01日 十一月初八 现在是中午12:10 下面是今天的其他大新闻 #NEWS 1 # 微信测试用不同小程序打开图片:快捷调用小程序打开图片.视频.文件 ( 新浪科技 ) 据悉,微 ...

  6. 在 Linux 上使用《算法》第4版官网中的 algs4.jar 包

    使用<算法>第4版( Algorithms Fourth Edition ) 中的 algs4.jar 包 下载 algs4.jar 官网网址: https://algs4.cs.prin ...

  7. dotnet Core 在linux 下设置成Service

    1.新建.service文件 cd /etc/systemd/system //进入改目录 touch Core.service // 新建Core服务文件 vi Core.service // 编辑 ...

  8. Java流程控制1

    Scanner对象 java.util.Scanner 通过Scanner类来获取用户输入 next()和nextline()来获取输入的字符串,读取前我们一般需要使用hasnext()和hasnex ...

  9. SpringBoot - Lombok使用详解2（@Setter、@Getter、@ToString、@EqualsAndHashCode）

    四.Lombok 注解详解(2) 1,@Setter 和 @Getter (1)这两个注解用于生成 setter 和 getter 方法,可以用在类或者属性上: 如果用在属性上:则只为该属性提供 se ...

  10. RSA模数N因式分解

    模数N: 76190944763750744276324637081713604133996627079343036558766297773626553110133339218840357338899 ...