<!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. app内打开外部第三方瞎下载链接

    Q:我用cordova开发项目,想在app内跳转外部链接,安装了cordova-plugin-inappbrowser后确实可以跳转,但是跳转的页面有个按钮,原本点击会下载app,现在点击后毫无反应, ...

  2. python基础篇 26-redis操作

    redis的基本操作: redis_conf ={ 'host':'192.168.64.128', 'password':'Aa123456', 'db':'0', 'port':6379, 'de ...

  3. idea设置svn忽略文件

    第一步: 第二步: 第三步:

  4. JS计算加减乘除出现多位小数的解决方法

    function add(arg1, arg2){ let decima1, decima2, differ, m; try { decima1 = arg1.toString().split('.' ...

  5. 二维Svg转矢量 不支持Svg2.0

    import { ElMessage } from 'element-plus' import { parse } from 'svgson' import JsonToView from './vi ...

  6. FCC 中级算法题 Arguments Optional

    Arguments Optional 创建一个计算两个参数之和的 function.如果只有一个参数,则返回一个 function,该 function 请求一个参数然后返回求和的结果. 例如,add ...

  7. Modelsim中的Verilog语言使用

    一.建立工程 1．在建立工程(project)前,先建立一个工作库(library),一般将这个 library 命名为 work.尤其是第一次运行 modelsim 时,是没有这个"wor ...

  8. JavaScript基础学习之二

    目录 JavaScript HTML DOM事件 事件触发1 事件触发2 addEventListener() 事件冒泡或事件捕获? 事件委托 removeEventListener() 方法 事件对 ...

  9. DBeaver通过phoenix连接云主机的hbase

    准备 1.云主机上已经安装好jdk.hadoop.hbase.zookeeper.phoenix,并且在主机上测试连接成功.可参考 https://blog.csdn.net/shangxindeku ...

  10. 【CSS】CSS字体图标iconfont

    CSS字体图标iconfont展示的是图标,本质上还是字体 使用字体图标步骤: 字体图标的下载 将字体图标引入到HTML 字体图标的追加(以后添加新的小图标) 推荐下载网站 icomoon字库http ...