zoukankan      html  css  js  c++  java
  • 【ES6】数组的扩展——扩展运算符

    1、扩展运算符【三个点(...)将一个数组转为用逗号分隔的参数序列】

    作用:用于函数调用

    function add(x, y) {
      return x + y;
    }
    const numbers = [2, 6];
    add(...numbers) // 8
    8
    

    2、...作用【求最大值/拼接数组/复制数组(a2复制a1,改a2不改变a1)/合并数组/将字符串转化为真正的数组

    • 求最大值
    • 拼接数组
    • 复制数组(a2复制a1,改a2不改变a1)
    • 合并数组
    • 将字符串转化为真正的数组

    (1)最大值 Math.max()

    Math.max(...[14, 3, 77])
    77
    

    (2)拼接数组,通过push将一个数组添加到另一个数组的尾部

    var arr1 = [1,2,3]
    var arr2 = [4,5,6]
    arr1.push(...arr2);
    arr1// [1, 2, 3, 4, 5, 6]
    

    (3)复制数组

    var arr1 = [1,2,3]
    var arr2 = [...arr1]
    console.log(arr1)  // [1, 2, 3]
    console.log(arr2)  // [1, 2, 3]
    
    arr2[0]=0
    console.log(arr1)  // [1, 2, 3]
    console.log(arr2)  //[0, 2, 3]
    

    (4)合并数组(多个)【浅拷贝】

    const arr1 = ['1', '2'];
    const arr2 = ['3'];
    const arr3 = ['4', '5'];
    var arr4=[...arr1, ...arr2, ...arr3]
    console.log(arr4)// ["1", "2", "3", "4", "5"]

    注意:将扩展运算符用于数组赋值,只能放在参数的最后一位,否则会报错。

    const [first, ...rest] = [1, 2, 3, 4, 5];//ok
    const [...butLast, last] = [1, 2, 3, 4, 5];// 报错 const [first, ...middle, last] = [1, 2, 3, 4, 5];// 报错

    (5)字符串(将字符串转为真正的数组)

    var name = 'mike'
    console.log([...name])
    // ["m", "i", "k", "e"]
    

      

  • 相关阅读:
    迭代平方根
    windows怎么进如debug调试
    wxwidgets安装环境配置
    【android官方文档】与其他App交互
    Android ImageView图片自适应
    Gridview的stretchMode详解附自动宽度
    Activity生命周期解说
    一些问题
    android 文件读取(assets)
    android:scaleType属性
  • 原文地址:https://www.cnblogs.com/chorkiu/p/10444006.html
Copyright © 2011-2022 走看看