结构赋值
他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。
数组
基本
let [a, b, c] = [1, 2, 3];
// a = 1
// b = 2
// c =
多维数组同样可以赋值
let [a, [[b], c]] = [1, [[2], 3]];
// a = 1
// b = 2
// c = 3
赋值的对象如果有缺失不会影响赋值
let [a, , b] = [1, 2, 3];
// a = 1
// b = 3
如果将空赋值给赋值对象(未定义)
let [a = 1, b] = [];
// a = 1, b = undefined
剩余运算符
let [a, ...b] = [1, 2, 3];
//a = 1
//b = [2, 3]
诺赋值对象是一个单词而赋值对象为多个
let [a, b, c, d, e] = 'hello';
// a = 'h'
// b = 'e'
// c = 'l'
// d = 'l'
// e = 'o'
对象
基本
let { a, b} = { a: 'aaa', b: 'bbb' };
// a= 'aaa'
// b = 'bbb'
let { bb: fff} = { bb: 'ddd' };
// fff= 'ddd'
可以内套对象,也可以有忽略
let obj = {p: ['hello', {y: 'world'}] };
let {p: [x, { y }] } = obj;
// x = 'hello'
// y = 'world'
let obj = {p: ['hello', {y: 'world'}] };
let {p: [x, { }] } = obj;
// x = 'hello'
不完全解构
let obj = {p: [{y: 'world'}] };
let {p: [{ y }, x ] } = obj;
// x = undefined
// y = 'world'
同样拥有剩余运算符
let {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40};
// a = 10
// b = 20
// rest = {c: 30, d: 40}
默认解构(后赋值盖扩前面的)
let {a = 10, b = 5} = {a: 3};
// a = 3; b = 5;
let {a: aa = 10, b: bb = 5} = {a: 3};
// aa = 3; bb = 5;
// aa = 3; bb = 5;
es6新增字符串的方法
ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增了子串的识别方法。
1.includes():返回布尔值,判断是否找到参数字符串。
2.startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。
3.endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
startsWith与endsWith方法都可以接受两个参数,需要搜索的字符串,和可选的搜索起始位置索引(下标0)。
查找到返回true,否则返回false
不能写正则验证
repeat :返回新的字符串,表示将字符串重复指定次数返回。
1.如果参数是小数,向下取整
2.如果参数是 0 至 -1 之间的小数,会进行取整运算,
(0 至 -1 之间的小数取整得到 -0 ,等同于 repeat 零次)
3.如果参数是 NaN,等同于 repeat 零次
4.如果参数是负数或者 Infinity ,会报错:
5.如果传入的参数是字符串,零次
padStart(总长度,“字符串”):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。
padEnd():返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。
// 以上两个方法接受两个参数,第一个参数是指定生成的字符串的最小长度,
// 第二个参数是用来补全的字符串。如果没有指定第二个参数,默认用空格填充。
1
2
模板字符串
模板字符串`` 添加a / / l e t a = 9999 ;
/ / l e t s t r 1 = " h j d s f h f d s h j g d f " + a +
/ / l e t s t r 2 = ‘ s d h h a k j s h d j k a s d h j s {a} // let a = 9999;
// let str1 = “hjdsfhfdshjgdf”+a+
// “hgfsdgfhsdghfg”;
// console.log(str1);
//letstr2=‘sdhhakjshdjkasdhjs{a}
// akhdjka
// shdjjkda
// ssjkdahjad // console.log(str2);
// 标签模板 // alertHello world!`;
// 等价于
// alert(‘Hello world!’);