zoukankan      html  css  js  c++  java
  • react es6语法 之 “ ... ” (扩展运算符)

    扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中

    let bar = { a: 1, b: 2 };
    let baz = { ...bar }; // { a: 1, b: 2 }

    参考:https://blog.csdn.net/astonishqft/article/details/82899965

    应用:

    1、将数组转化为函数参数序列

    function add(x, y) {
      return x + y;
    }
    
    const numbers = [4, 38];
    add(...numbers) // 42

    2、对数组进行值拷贝(直接用=是无法对数组进行值拷贝的,只能复制一份引用)

    const arr1 = [1, 2];
    const arr2 = [...arr1];

    3、字符串转为字符数组

    [...'hello']
    // [ "h", "e", "l", "l", "o" ]

    4、迭代器iterator接口转为数组

    5、数组合成

    first // 1 
    rest // [2, 3, 4, 5]

    const [first, ...rest] = [1, 2, 3, 4, 5]; 需要注意的一点是: 如果将扩展运算符用于数组赋值,只能放在参数的最后一位,否则会报错。 const [...rest, last] = [1, 2, 3, 4, 5]; // 报错 const [first, ...rest, last] = [1, 2, 3, 4, 5]; // 报错
  • 相关阅读:
    vue_路由
    vue_列表动画
    vue生命周期详细
    Vue_过渡和动画
    vue_品牌列表案例(添加删除搜索过滤)
    vue_简单的添加删除
    v-if v-show
    vue_简单的添加数据
    JSON.parse()和JSON.stringify()
    vue_计算器
  • 原文地址:https://www.cnblogs.com/zealousness/p/10483659.html
Copyright © 2011-2022 走看看