JavaScript高级04-ES6语法与数组遍历

目录

Var特点

lat与const的特点

解构对象

函数的参数解构

箭头函数

展开运算符

数据类型Set

数组map遍历

数组filter遍历

数组forEach遍历

数组some遍历

数组every遍历

数组findIndex方法

reduce方法

---

Var特点

lat与const的特点

  /**1.ES5中声明变量var关键字的特点

    1.1 预解析:变量声明提升

    1.2 没有块级作用域:if和for大括号里面声明的变量也是全局的

    2.ES6中声明let与const特点:

    1.1么有预解析:变量必须先声明,才能使用

    1.2块级作用域:if和for大括号里面的变量是局部的

    3.let与const区别:

      3.1 let: 变量.可以修改变量中的数据

      3.2 const:常量.只能声明的时候赋值一次,不可以修改

    */

解构对象

 /**

     * 解构赋值 : 变量赋值简写语法

     * 1重点掌握

     *    1.1 取出对象的属性  赋值给变量

     *    1.2 取出变量的值    赋值给 对象的属性

     */

  // 1.取出对象的属性  赋值给变量
    // let obj = {
    //   name: '聪明蛋',
    //   age: 22,
    //   gender: '女'
    // }
    // ES5
    // let name = obj.name
    // let age  = obj.age
    //let gender = obj.gender
    // 

    // ES6 简写形式 可以直接省略
    // let {
    //   name,  //name :'聪明蛋'  简写形式
    //   age,
    //   gender,
    //   hobby
    //   // let hobby  = obj.hobby
    // } = obj
    // console.log(name, age, gender, hobby)


    //2. 取出变量的值 赋值给对象的属性
    let name = '聪明蛋'
    let age = 18
    let gender = '女'

    // ES6写法
    let obj = {
      name, //等同于ES5写法中的 name:name  简写
      age,
      gender,
      eat() { //等价于ES5中的eat:function(){}   简写
        console.log('吃东西')
      }
    }
    console.log(obj)

函数的参数解构

箭头函数

展开运算符

数据类型Set

数组map遍历

数组filter遍历

数组forEach遍历

数组some遍历

数组every遍历

数组findIndex方法

reduce方法