JavaScript:学习笔记(8)——扩展运算符

对象的扩展运算符

  扩展运算符是三个点(...)。用于取出参数对象的所有可遍历属性,然后拷贝到当前对象之中。

  JavaScript:学习笔记(8)——对象扩展运算符-LMLPHP

  如上图所示,新建了一个对象a,然后通过扩展运算符将其属性x,y一并拷贝到b对象中。

合并两个对象

  扩展运算符可以合并两个对象

  JavaScript:学习笔记(8)——对象扩展运算符-LMLPHP

自定义属性

  合并对象时,可以将对象与一些属性进行合并,如下

  JavaScript:学习笔记(8)——对象扩展运算符-LMLPHP

  需要说明的是,如果用户自定义的属性,放在扩展运算符后面,则扩展运算符内部的同名属性会被覆盖掉

数组的扩展运算符

复制数组

  数组是复合的数据类型,如果直接复制,知识复制了底层数据解耦股的指针,而不是克隆一个全新的数组。

  扩展运算符提供了复制数组的简便写法。

  JavaScript:学习笔记(8)——对象扩展运算符-LMLPHP

合并数组

  JavaScript:学习笔记(8)——对象扩展运算符-LMLPHP

字符串变数组

  扩展运算符还可以将字符串转为真正的数组。

  JavaScript:学习笔记(8)——对象扩展运算符-LMLPHP

04-28 15:20