`
yuyongkun4519
  • 浏览: 44628 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ES6 扩展运算符

 
阅读更多

扩展运算符用3个点表示,功能是把数组或者类数组对象展开成一系列用逗号隔开的值

 

1,数组

let arr = ['red', 'green', 'blue'];
console.log(...arr);//red,green,blue

 拷贝数组(和Object.assign一样都是浅拷贝)

 let arr = ['red', 'green','blue'];
 let arr2=[...arr];
 console.log(arr2);//['red', 'green','blue']

 

2,对象

 拷贝对象(和Object.assign一样都是浅拷贝)

let json = { name: 'lisi', age: 21 };
let json2 = { ...json };
console.log(json2);//name lisi,age 21

 

 

分享到:
评论

相关推荐

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

    ES6扩展运算符用法实例分析 ES6扩展运算符是一种特殊的语法结构,使用三个点号(...)来表示,主要功能是将数组或类数组对象展开成一系列用逗号隔开的值。下面将对ES6扩展运算符的用法、功能、使用方法与相关注意...

    【JavaScript源代码】ES6扩展运算符的理解与使用场景.docx

    【JavaScript源代码】ES6扩展运算符的理解与使用场景 扩展运算符(Spread Operator)是ES6引入的新特性,它以“…”的形式出现在代码中,主要用于数组和对象的展开,从而实现灵活的数据处理。以下是对扩展运算符在...

    ES6扩展运算符的用途实例详解

    ES6的扩展运算符可以说是非常使用的,在给多参数函数传参,替代Apply,合并数组,和解构配合进行赋值方面提供了很好的便利性。 扩展运算符就是三个点“…”,就是将实现了Iterator 接口的对象中的每个元素都一个个的...

    详解ES6 扩展运算符的使用与注意事项

    扩展运算符 spread syntax 又叫展开语法,写法是 …,顾名思义,其实是用来展开字符串,数组和对象的一种语法,可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开;还可以在构造字面量对象时, 将...

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

    ES6引入了两种新的运算符,扩展运算符和rest运算符,它们极大地提高了JavaScript编程的灵活性,特别是处理数组和函数参数时。这两种运算符都使用三个点号(…),但它们的作用不同。 **1. 扩展运算符(Spread ...

    es6数组之扩展运算符操作实例分析

    扩展运算符是ES6(即ECMAScript 2015)中引入的一个新特性,它允许一个数组表达式或者字符串在需要多个参数(用于函数调用)或多个元素(用于数组字面量)的地方被展开。扩展运算符的语法很简单,就是在需要展开的地方前面...

    bigcoder84#study-notes#_18扩展运算符1

    扩展运算符ES6扩展运算符:扩展字符串不仅可以在函数传参时使用,还可以在数组中使用:

    vue.js 中使用(…)运算符报错的解决方法

    在Vue.js开发过程中,我们经常会遇到使用ES6新特性时出现的兼容性问题,特别是当使用扩展运算符(…)时。扩展运算符在ES6中是一个非常实用的特性,它允许我们方便地合并对象或者数组。然而,不是所有的浏览器都支持...

    es6中的解构赋值、扩展运算符和rest参数使用详解

    **ES6扩展运算符** 扩展运算符(Spread Operator)在ES6中以三个点 `...` 表示,它可以用于多个场景,如数组、函数参数等。以下是其常见用途: 1. **数组合并** ```javascript let arr1 = [1, 2]; let arr2 = ...

    基于es6三点运算符的使用方法(实例讲解)

    ES6中的三点运算符是一种非常重要的语法糖,它可以作为rest参数和扩展运算符使用。在本文中,我们将详细介绍三点运算符的使用方法和实例讲解。 一、作为rest参数的使用 在ES6中,三点运算符可以作为rest参数使用,...

    JavaScript 扩展运算符用法实例小结【基于ES6】

    本文实例讲述了JavaScript 扩展运算符用法。分享给大家供大家参考,具体如下: 扩展运算符格式 扩展运算符格式很简单,就是三个点(…) 重点:需要ES6 语法支持 扩展运算符作用??? 扩展运算符允许一个表达式在...

    js代码-ES6 函数的扩展 -扩展运算符的应用

    **ES6 函数的扩展与扩展运算符的应用** 在JavaScript的ES6版本中,函数的扩展引入了许多新的特性,极大地增强了函数的灵活性和表达能力。其中,扩展运算符(Spread Syntax)是这些新特性之一,它在处理数组、对象、...

    JavaScript程序设计ES之扩展运算符共2页.pdf

    随着版本的迭代,JavaScript引入了许多新的特性,其中扩展运算符(Spread Operator)就是ES6引入的一个强大而实用的新功能。 扩展运算符通常用三个点(...)表示,它在JavaScript中的应用广泛且灵活。首先,我们来...

    ES6中的rest参数与扩展运算符详解

    本文主要给大家介绍了关于ES6中rest参数与扩展运算符的相关内容,rest参数和扩展运算符都是ES6新增的特性。rest参数的形式为:…变量名;扩展运算符是三个点(…)。下面话不多说了,来一起看看详细的介绍: rest...

Global site tag (gtag.js) - Google Analytics