每日总结

明天是周五

每日单词

column:列 row:行
start:开始 restart:重新开始
exception:异常 previous:从前
stop:结束 short cut:快捷方式
debug:异常 common:共同的

ES6模版字符串

语法:

模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。


用法:
     // 普通字符串
    `In JavaScript '\n' is a line-feed.`

    / /多行字符串
   `In JavaScript this is
    not legal.`

    // 字符串中嵌入变量
  var name = "Bob", time = "today";
 `Hello ${name}, how are you ${time}?`   // Hello Bob,           
  how are you today?

 // 上面代码中,模板字符串都是用反引号表示,如果在模板字符串中需要使用反引号,则前面需要用反斜杠转义。
 var greeting = `\`Yo\` World!`; // `Yo` World!

  //如果使用模板字符串表示多行字符串,则所有的空格、缩进和换行都会被保留在输出中。
  $('#list').html(`
  <ul>
    <li>first</li>
    <li>second</li>
  </ul>
  `);

 //上面代码中,所有模板字符串的空格和换行都是被保留的,比如<ul>标签前面会有一个换行。如果想把行首和行尾的换行、空格等去掉,则使用trim方法即可。
$('#list').html(`
   <ul>
      <li>first</li>
      <li>second</li>
   </ul>
`.trim());

es6数组form方法

Array.from()

Array.from 方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。

常用传参
 Array.from('hello') // [ 'h', 'e', 'l', 'l', 'o' }    
 Array.from([1, 2, 3]) // [ 1, 2, 3 ]

// 传参为无length属性的Object。
var o = { 0: 'a', 1: 'b', 2: 'c' }
Array.from(o) // []

// 传参为有length属性的Object。
var o = { 0: 'a', 1: 'b', 2: 'c', length: 3 }
Array.from(o) // [ 'a', 'b', 'c' ]
  • 任何 有 length属性的对象,都可以通过 Array.from 方法转为数组。*
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一. 字符串的一些扩展 for...of遍历ES6为字符串添加了遍历器接口,似的字符串可以被for...of循环遍...
    我不叫奇奇阅读 417评论 0 0
  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,584评论 0 8
  • 作者:吴天增 在这寒冷的季节, 对于我们这些在外打拼的人来说, 最向往的是什么? 那就是...
    梦锁塞北阅读 595评论 0 1
  • 安抚住灵魂的敏感,能够安坐一地的休憩,是为了灵魂更好的站起! ~~郭相麟
    郭相麟阅读 305评论 0 0
  • 厨房里的酸甜苦辣鲜五味,总有一种味道会让你爱上而且不能自拔。在这五味里,我最爱酸和甜,尤其是对各式各样精美的小点心...
    栾晓君阅读 1,204评论 16 27