ES7扩展

作者: 飞鹰3995 | 来源:发表于2021-06-24 14:20 被阅读0次

    前一段时间小编一直在更新javascript es6版本的部分新语法和新特性,鉴于现在js一直在更新,接下来小编将和大家一起进步,一块探究js的新特性。今天小编就和大家一起来看看es7更新的语法和新特性。大家还可以关注我的微信公众号,蜗牛全栈。
    一、includes
    1、基本用法

    let arr = ['es6','es7','es8']
    console.log(arr.includes('es7')) // true 返回值是布尔,判断数组里面是否包含某个值
    

    2、参数:第一个参数是要查找的元素,第二个元素是从第几个元素开始查找

    let arr = ['es6','es7','es8']
    console.log(arr.includes('es7',1)) // true 从数组index=1的位置开始查找
    console.log(arr.includes('es7',2)) // false
    console.log(arr.includes('es7',-1)) // false 从最后一个(es8)开始往后找
    console.log(arr.includes('es7',-2)) // true 从最后二个(es8)开始往后找
    

    3、引用数据类型的判断:两种办法只能判断基本数据类型

    arr = ['es6',['es7','es8'],'es9']
    console.log(arr.includes(['es7','es8'])) // false
    console.log(arr.indexOf(['es7','es8'])) // -1
    

    4、关于NaN判断

    arr = ['es6',NaN,'es9']
    console.log(arr.includes(NaN)) // true
    console.log(arr.indexOf(NaN)) // -1 indexOf不能检测NaN
    

    5、判断的严格性:两种方式判断相当三个等号严格判断

    arr = ['es6',NaN,'es9']
    console.log(arr.includes(NaN)) // true
    console.log(arr.indexOf(NaN)) // -1 indexOf不能检测NaN
    

    二、幂运算符(指数运算)
    1、封装函数

    // 运算2^10
    function pow(x,y){
        let res = 1
        for(let i=0;i<y;i++){
            res*=x
        }
        return res
    }
    
    console.log(pow(2,10)) // 1024
    

    2、使用Math

    console.log(Math.pow(2,10)) // 1024
    

    3、幂运算符

    console.log(2**10) // es7新特性
    

    关于使用includes和indexOf情况
    1.判断NaN是不是包含在数组中,只能用includes
    2.只关心是否存在,不关心出现的位置,用includes
    3.需要获取所在的下标,使用indexOf

    相关文章

      网友评论

        本文标题:ES7扩展

        本文链接:https://www.haomeiwen.com/subject/qjvvyltx.html