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'))

posted @ 2018-01-15 17:33  徐念念  阅读(212)  评论(0编辑  收藏  举报