美文网首页
展开操作符

展开操作符

作者: darkTi | 来源:发表于2020-06-17 16:06 被阅读0次

语法: ...数组/对象

函数调用代替apply

  • 如果有将数组元素依次作为函数参数,一般会选择用apply调用,但有了...,直接用...即可;
function xxx(a,b,c){}
var arr = [a,b,c]
xxx(...arr)

拷贝数组

var arr = [2,3,4]
var arr1 = [...arr]  // [2,3,4]

合并数组,相当于Array.concat

let a = [1,2]
let b = [6,7]
let c = [...a,...b]    // [1,2,6,7]

解构赋值(展开运算符必须放在最后一位)

let [a,b,...c] = [1,3,4,5,6];
let {a1,b1,...c1} = {b1:3,a1:2,f:3,d:5};
console.log(c);  // [4,5,6]
console.log(c1);  // {f: 3, d: 5}

相关文章

  • ES6特性之:Spread操作符

    Spread操作符(...),也称作展开操作符,作用是将可迭代的(Iterable)对象进行展开。 比如有2个数组...

  • 9个超级实用的 ES6 特性,你有必要了解一下

    1、展开操作符 顾名思义,用于对象或数组之前的展开操作符(…),将一个结构展开为列表。 演示一下: 这种写法够优雅...

  • 9个超级实用的 ES6 特性

    展开操作符 顾名思义,用于对象或数组之前的展开操作符(…),将一个结构展开为列表。 演示一下: 这种写法够优雅,够...

  • 展开操作符

    简介 展开操作符可以简便的处理一个数组和对象。 使用 对象的展开 说明:将对象的属性合并。 Demo1 打印结果:...

  • 展开操作符

    语法: ...数组/对象 函数调用代替apply 如果有将数组元素依次作为函数参数,一般会选择用apply调用,但...

  • ES6总结

    let和const,var 模板字符串 例如: 3.对象的解构赋值: 4.展开操作符和 rest … 展开操作: ...

  • ES6新特性

    类 模块化 箭头函数 函数参数默认值 模板字符串 解构赋值 延展操作符(展开操作符) 对象属性简写 Promise...

  • 第一章 现代前端开发

    1 函数默认参数 2 rest参数 rest是真正的数组 3 展开操作符 用于函数调用 用于数组字面量 对象的展开...

  • 函数扩展

    默认参数 剩余操作符 数组常用方法之reduce(计算,把数组中的元素变成一个值) 展开操作符 对象的方法简写 箭头函数

  • Kotlin笔记-冷门知识点星号(*)

    可变参数展开操作符 在数组对象前加*号可以将数组展开,方便传值,比如: requestEach方法是接收一个Str...

网友评论

      本文标题:展开操作符

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