ES6新特性总结之解构赋值和字符串模板

解构赋值：

非常有用，特别在做数据交互  ajax

let [a,b,c] = [12,3,4]

注意：左右两边，结构格式要保持一致

json:

         let {name,age,job} = {

           name:'stive',

           age:'17',

           job:'码农'

         };

    let {name:n,age:a,job:j} = json

解构的时候可以给默认值：

        let [a,b,c="默认值"]=["aa","bb"]

可以用来数据交换:

let a = 12;

let b = 13;

[a,b] = [b,a];

字符串模板``

关于字符串一些东西

优点：可以随意换行 `${变量名字}`

字符串连接

let name = 'qiqi';

let age = 17;

let str = `这个人叫${name},年龄是${age}岁`;

注：以下知识点非es6

字符串查找：

str.indexOf(要找的东西)   返回索引（位置），没找到返回-1

str.includes(要找的东西)    返回值  true/false

字符串是否以谁开头： ----检测地址

str.startWith(要检测的东西)

字符串是否以谁结尾：-----检测文件格式.png

str.endsWith(要检测的东西)

重复字符串：str.repeat(次数)

填充字符串：str.padStart(整个字符串长度,填充内容)   往前填充

                      str.padEnd(整个字符串长度,填充内容)    往后填充

str.padStart(str.length+padStr.length,padStr)

转载于:https://juejin.im/post/5bad97806fb9a05d2567e749