美文网首页
扩展运算符(...)

扩展运算符(...)

作者: 小柴2011 | 来源:发表于2022-04-20 15:10 被阅读0次

对象中的扩展运算符(...)用于去除参数对象中的所有可遍历属性,拷贝到当前对象中。

扩展运算符同样可以运用到对数组的操作中。

可以将数组转化为参数序列

function add(x, y) {

return x + y;

}

const numbers = [4, 38];add(...numbers) // 42

可以复制数组

const arr1 = [1, 2];

const arr2 = [...arr1];

扩展运算符可以与解构赋值结合起来,用于生成数组

const [first, ...rest] = [1, 2, 3, 4, 5];

first // 1

rest // [2, 3, 4, 5]

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

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

[...'hello']

// [ "h", "e", "l", "l", "o" ]

任何Iterator接口的对象,都可以用扩展运算符转为真正的数组。

相关文章

  • [转载]扩展运算符...

    原文:JavaScript 扩展运算符 扩展运算符格式 扩展运算符格式很简单,就是三个点(...) 扩展运算符作用...

  • es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(...)对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点(…)对象的扩展...

  • 内置对象扩展(Array)

    Array 的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展运算符可...

  • ES6学习笔记(五):轻松了解ES6的内置扩展对象

    Array的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转换为用逗号分隔的参数序列 扩展运算符可...

  • ES6之解构赋值/剩余运算符/箭头函数

    扩展运算符(对象) 扩展运算符(数组) 扩展运算符和Object.assign对对象进行合并的行为,是属于浅拷贝 ...

  • ES6学习之- 数组的扩展

    Part3 数组的扩展 3.1 扩展运算符和数组的解构赋值 (1)扩展运算符是三个点 ...,扩展运算符主要用于函...

  • es6学习笔记整理(七)对象扩展

    简洁表示法 属性表达式 扩展运算符 扩展运算符 babel-polyfill对扩展运算符的支持不是很友好,所以这里...

  • ES6 的内置对象扩展

    Array 的扩展方法(★★) 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展...

  • 解构赋值,函数扩展默认值

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

  • es6新增的数组方法

    扩展运算符 1.扩展运算符的使用方法 2.扩展运算符的应用(1)复制数组 (2)合并数组 (3)与解构赋值结合 (...

网友评论

      本文标题:扩展运算符(...)

      本文链接:https://www.haomeiwen.com/subject/ovyvsrtx.html