ES6扩展运算符用法实例分析

 更新时间:2017年10月31日 08:59:09   作者:juzipchy  
这篇文章主要介绍了ES6扩展运算符用法,结合实例形式分析了ES6扩展运算符的功能、使用方法与相关注意事项,需要的朋友可以参考下

本文实例讲述了ES6扩展运算符用法。分享给大家供大家参考,具体如下:

扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值,扩展运算符有以下几点作用

一、展开数组

//展开数组
let a = [1,2,3,4,5],
b = [...a,6,7];
console.log(b);
//打印出来的值[1, 2, 3, 4, 5, 6, 7]

二、数组的拷贝

//数组的拷贝
var c = [1, 2, 3];
var d = [...c]; 
d.push(4); 
console.log(d);
//打印出来的值[1, 2, 3, 4]

三、数组的合并

//数组的合并
var j = [7, 1, 2];
var k = [5, 0, 8];
j = [...k, ...j];
console.log(j)
//打印出来的值[5, 0, 8, 7, 1, 2]

四、展开函数的调用

//展开函数调用
function fn(a,b,c,d){
 console.log(a+b+c+d);
}
var p=[1,9,3,,6];
let result=fn(5,...p);开函数的调用
//打印出来的值18

扩展运算符(spread)是三个点(…),将一个数组||类数组||字符串转为用逗号分隔的序列。这家伙是用来对数组进行操作的,把数组里面的东西统统拿出来

更多相关内容可查看本站专题:《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《javascript面向对象入门教程

希望本文所述对大家基于ECMAScript的程序设计有所帮助。

相关文章

  • JavaScript中Cookie操作实例

    JavaScript中Cookie操作实例

    这篇文章主要介绍了JavaScript中Cookie操作实例,本文先是讲解了Cookie的语法,然后给了实际操作实例,需要的朋友可以参考下
    2015-01-01
  • JS实现轮播图案例

    JS实现轮播图案例

    这篇文章主要为大家详细介绍了JS实现轮播图案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • JS实现获取毫秒值及转换成年月日时分秒的方法

    JS实现获取毫秒值及转换成年月日时分秒的方法

    这篇文章主要介绍了JS实现获取毫秒值及转换成年月日时分秒的方法,结合实例形式分析了javascript常见的Date()日期时间获取、转换相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • JS实现图片预览的两种方式

    JS实现图片预览的两种方式

    这篇文章主要介绍了JS实现图片预览的两种方式,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • 详解javascript中的事件处理

    详解javascript中的事件处理

    这篇文章主要介绍了javascript的事件处理,需要的朋友可以参考下
    2015-11-11
  • JavaScript读取本地文件常用方法流程解析

    JavaScript读取本地文件常用方法流程解析

    这篇文章主要介绍了JavaScript读取本地文件常用方法流程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • JavaScript实现点击自制菜单效果

    JavaScript实现点击自制菜单效果

    这篇文章主要为大家详细介绍了JavaScript实现点击自制菜单效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02
  • JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能

    JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能

    这篇文章主要介绍了JS采用ActiveXObject实现用户在提交表单时屏蔽敏感词的功能的相关资料,需要的朋友可以参考下
    2017-06-06
  • JavaScript基础之运算符与表达式详解

    JavaScript基础之运算符与表达式详解

    这篇文章主要为大家详细介绍了JavaScript中一些常见的运算符与表达式的具体使用,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起了解一下
    2023-04-04
  • 微信小程序云开发之使用云函数

    微信小程序云开发之使用云函数

    这篇文章主要为大家详细介绍了微信小程序云开发之使用云函数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05

最新评论