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

209 阅读1分钟

解构赋值:

非常有用,特别在做数据交互  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)