javascript 扩展运算符(spread)三个点(...)的作用及用法

灰太狼 2021-07-26 22:20 389阅读 0赞

在javascript中“...”的作用：将一个数组转为用逗号分隔的参数序列。

//该运算符主要用于函数调用。<br>function push(array, ...items) {
      array.push(...items);
    }
     
    function add(x, y) {
      return x + y;
    }
     
    var numbers = [4, 38];
    add(...numbers) // 42
    等同于：
    add(4,38);
    
    //扩展运算符取代apply方法的一个实际的例子，应用Math.max方法，简化求出一个数组最大元素的写法。
    // ES5 的写法
    Math.max.apply(null, [14, 3, 77])
     
    // ES6 的写法
    Math.max(...[14, 3, 77])
     
    // 等同于
    Math.max(14, 3, 77);
    　
    
    //通过push函数，将一个数组添加到另一个数组的尾部
    // ES5的 写法
    var arr1 = [0, 1, 2];
    var arr2 = [3, 4, 5];
    Array.prototype.push.apply(arr1, arr2);
     
    // ES6 的写法
    var arr1 = [0, 1, 2];
    var arr2 = [3, 4, 5];
    arr1.push(...arr2);
    　　
    
    //合并数组
    // ES5
    [1, 2].concat(more)
    // ES6
    [1, 2, ...more]
     
    var arr1 = ['a', 'b'];
    var arr2 = ['c'];
    var arr3 = ['d', 'e'];
     
    // ES5的合并数组
    arr1.concat(arr2, arr3);
    // [ 'a', 'b', 'c', 'd', 'e' ]
     
    // ES6的合并数组
    [...arr1, ...arr2, ...arr3]
    // [ 'a', 'b', 'c', 'd', 'e' ]
    　
    
    扩展运算符将字符串转为真正的数组
    [...'hello']
    // [ "h", "e", "l", "l", "o" ]

发表评论取消回复

表情：

评论列表（有 0 条评论，389人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6扩展运算符三个点(...)

在react或者vue项目中，你或许已经注意到有的地方已经开始使用ES6扩展运算符...，这个运算符很简洁，如果不熟悉，可能会觉着难以理解，这里稍微介绍一下扩展运算符的

深藏阁楼爱情的钟/ 2023年06月25日 03:14/ 0 赞/ 18 阅读

相关 ES6 ...三点扩展运算符常见用法（实例）

文章目录一、对象的扩展运算符 1.取出参数对象中的所有可遍历属性，拷贝到当前对象之中二、数组的扩展运算符 1.将数组转

今天药忘吃喽~/ 2022年12月23日 14:29/ 0 赞/ 149 阅读

相关查漏补缺，简单的复习一下ES6扩展运算符（ spread ）是三个点（...）

![c67662c9038aad7d2afe7adae892873d.png][] 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数

男娘i/ 2022年09月04日 03:56/ 0 赞/ 176 阅读

相关 ES6扩展运算符（ spread ）是三个点（...），你对它了解多少？

![83e67cdc40495a6c0505ce46b96f5914.png][] 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数

悠悠/ 2022年09月03日 01:23/ 0 赞/ 164 阅读

相关记录一下ES6扩展运算符（三点运算符）...的用法

该记录源于segmentfaul网友的评论，特意感谢！ ...运算符用于操作数组，有两种层面 1. 第一个叫做展开运算符(spread operator)，作用是和字面

客官°小女子只卖身不卖艺/ 2022年06月14日 05:40/ 0 赞/ 229 阅读

相关 [乐意黎]JS扩展运算符(spread)三个点号(...)的理解

作用：将一个数组转为用逗号分隔的参数序列。语法 function(a, b, ...theArgs) { // ... }

超、凢脫俗/ 2022年05月28日 08:26/ 0 赞/ 182 阅读

相关 es6 扩展运算符三个点（...）

原文地址[https://blog.csdn.net/qq\_30100043/article/details/53391308][https_blog.csdn.net_qq

短命女/ 2022年04月12日 05:09/ 0 赞/ 235 阅读

相关 es6之扩展运算符三个点（...）

[https://blog.csdn.net/astonishqft/article/details/82899965][https_blog.csdn.net_astonis

港控/mmm°/ 2021年09月19日 21:02/ 0 赞/ 491 阅读

相关 ES6 扩展运算符三点（...）的用法

转载自：[https://www.cnblogs.com/minigrasshopper/p/9156027.html][https_www.cnblogs.com_minig

骑猪看日落/ 2021年09月19日 15:16/ 0 赞/ 389 阅读

相关 javascript 扩展运算符(spread)三个点(...)的作用及用法

在javascript中“...”的作用：将一个数组转为用逗号分隔的参数序列。 //该运算符主要用于函数调用。<br>function push(array, ...

灰太狼/ 2021年07月26日 22:20/ 0 赞/ 390 阅读