JavaScript-ES6新增语法讲解

1. es6对应的string类的增强

includes 是否包含

//检索是否包含这个内容，返回Boolean类型的值
const str = 'hello'
console.log(str.includes('he'));   //true
​
//可以传递两个参数，第二个参数表示从什么位置查找
console.log(str.includes('he',3));   //false  包含对应的指定位置

startsWith 判断是否是开头的内容

//startWith 开始，判断是否为开始的值,返回为Boolean类型
console.log(str.startsWith('he'));   //true
​
//可以传递两个参数，第二个参数指定结束的位置
console.log(str.startsWith('he',0));  false  //包含对应的指定的位置

endWith 判断是否是结束的内容

//endWith  结束位置是否为传递值，返回Boolean类型
console.log(str.endWith('he'));   //false
​
//可以传递两个参数，第二个参数指定结束位置
console.log(str.endWith('he',2));   //true   不包含对应的指定位置

repeat 返回一个内容的平铺值

//repeat  平铺，返回一个新的string，参数是个数
let newStr = str.repeat(2)
console.log(newStr);   //返回值为 hellohello

字符串模板

let str = `姓名：${user.username}`

2. es6对于array的增强

静态方法

Array.of() 将指定的元素组成一个新的数组

//Array.of  返回一个新的数组，将指定的元素组成一个新的数组
var newArr = Array.of('A','B','C')
console.log(newArr)

Array.from() 将对应类似数组的类型转为数组

//Array.from()  //将对应类似数组的类型转为数组
var htmlColltion = document.getElementByTagName('a')   //获取所有的a
var newArr2 = Array.fron(htmlColltion)   //将对应的ArrayLike 转为array类型，返回的是一个数组
console.log(newArr2);  //办含了a标签
​
//添加第二个参数，进行map遍历
var newArr2 = Array.from(htmlColltion,function(v,i,arr){
    var n = Number(v.innerText)  //取出里面的内容
    if(n%2==1){  //判断里面的数值是否为奇数
        v.href = 'http://www.baidu.com'  //将他的href地址变成百度
    }else{
        v.href = 'http://www.sohu.com'   //偶数将他的href地址变成搜狐
    }
    return v  //返回内容
})

扩展运算符 ...

let arr = [a,b,c]
console.log(...arr);  //abc     ...是打开数组取出对应的数组里面的数据