zoukankan      html  css  js  c++  java
  • ES6扩展运算符和rest运算符

    (1)对象扩展运算符

    let arr1 = [ 'www', 'baidu', 'com']

    let arr2= arra1

    arr2.push( 'js' )

    console.log(arr2) // [ 'www', 'baidu', 'com' ]

    console.log(arr1) // [ 'www', 'baidu', 'com', 'js']

    当在arr2中push一个值时,arr1也会被改变,因为并没有在内存中重新开辟一个空间,只是映射了一个arr2,所以arr1同时被改变

    为了使arr1不被改变,可以使用 ... 运算符

    let arr1 = [ 'www', 'baidu', 'com']

    let arr2= [ ...arr1 ] // 将arr1的内容赋值给arr2

    arr2.push( 'js' )

    console.log(arr2) // [ 'www', 'baidu', 'com' ]

    console.log(arr1) // [ 'www', 'baidu', 'com']

    (2)rest 运算符 rest是剩余的意思

    当传入的参数不确定时,使用rest运算符

    function js(first,...arg) {

      console.log(first) // 0

      console.log(arg.length) // 7

      取出arg中的每一个值

      for (let val of arg) {

        console.log(val)

      }

    }

    js (0,1,2,3,4,5,6,7)

  • 相关阅读:
    无言
    计算机网络的所有课件
    Linux 分区
    Linux 文件管理权限
    DropDownList 控件
    CssClass初步语法了解
    BulletedList用途
    BulletedList项目控件基础CSS基础
    Checkbox与foreach循环
    RadioButton控件
  • 原文地址:https://www.cnblogs.com/sunyang-001/p/10837393.html
Copyright © 2011-2022 走看看