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