• ES6入门教程---解构赋值和字符串扩展


    解构赋值:
    ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。
    数组的解构赋值:
    按照对应的顺序解构。

    var arr = [1,[2,3]];

    var [a,[b,c]] = arr;

    console.log(a,b,c);
     var obj = {
       foo:function(){

      },
        o:{

           },
     arr:[],
       str:'abc'
    }
     var {foo,arr,str,o} = obj;
    console.log(foo,arr,str,o);

     function fn(){

       return {}
    }

    例,x和y交换值

    var y = 1;
    var x = 2;

    var [x,y] = [y,x];

    console.log(x,y);

    模板字符串

    var name ='leo';
    var age = 39;

     var str = '你的名字是:'+name+'你的年龄是:'+age;

    console.log(str);

    var str = `你的名字是:${name}你的年龄是:${age}`;
    console.log(str);

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

    代码中的字符串用反引号(`)表示,如果需要引入变量则使用${变量名}, 在{}中可以进行运算,也可以引用对象属性。

    字符串方法:
    str.includes()
    参数:
      1、要查找的字符串
      2、起始位置
    返回布尔值,表示是否找到了参数字符串
    str.startsWith()
    参数:
      1、要查找的字符串
      2、起始位置
    返回布尔值,表示参数字符串是否在源字符串的头部。
    str.endsWith()
    参数:
      1、要查找的字符串
      2、起始位置(针对的是n个字符)
    返回布尔值,表示参数字符串是否在源字符串的尾部。

    var s = 'xuniannian';

    console.log(s.includes("n"));
    console.log(s.startsWith('xu'));
    console.log(s.endsWith('dan'))

  • 相关阅读:
    ie678兼容问题
    ie6/7中 zindex兼容问题
    mac svn 操作
    location.hash
    让 div 浮动到底端
    timeout问题
    让footer 自适应在底端
    js获取浏览器的高度
    ajax浏览器后退功能实现
    经典SQL语句大全(二)
  • 原文地址:https://www.cnblogs.com/xuniannian/p/8289052.html
Copyright © 2020-2023  润新知