zoukankan      html  css  js  c++  java
  • 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'))

  • 相关阅读:
    servlet 将输入内容通过拼接页面的方式显示出来
    localstorage和vue结合使用
    vue的通讯与传递props emit (简单的弹框组件)
    jquery插件之选项卡
    详解Cookie纪要
    jsonp
    滚动条样式
    axios基本使用
    IOS安卓常见问题
    简单购物车
  • 原文地址:https://www.cnblogs.com/xuniannian/p/8289052.html
Copyright © 2011-2022 走看看