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

Posted 丹妮娃儿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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‘))

以上是关于ES6入门教程---解构赋值和字符串扩展的主要内容,如果未能解决你的问题,请参考以下文章

阮一峰老师的ES6入门:变量的解构赋值

es6入门教程完整版

重读 ES6 标准入门(第3版)

ES6学习—变量的解构赋值

《ES6标准入门》二变量的解构赋值

JavaScript ES6 - 解构赋值