草庐IT

ES6展开运算符“...”

陌一一 2023-04-08 原文

● ES6新增了一个运算符“...”，叫做展开运算符

● 作用是把数组或者对象内容展开

（1）展开数组：

○ ES5方法：concat（）

  <script>
        let a = [1,2,3]
        let b = [4,5,6]
        //ES5的方法：concat()
        console.log(a.concat(b))
        console.log(a,b)
  </script>

结果：

○ ES6方法："..."展开运算符

  <script>
        let a = [1,2,3]
        let b = [4.5,6]
        //ES6的方法: ...
        var c = [...a,...b]
        console.log(c)
  </script>

结果：

● ...就是把数组里面的内容给展开，...a就是把a里面的内容全部展开，也就是1,2,3，然后...b展开以后和a展开放在一起，就成了c那样子。。

（2）展开数组--实参、形参的运用：

○ ...arr放在形参的位置：

  <script>
        let fun = function(a,b,...arr) {
            console.log(arr)
        }
        fun(1,2,3,4,5)
  </script>

结果：

● a,b接收前两个参数1和2，剩下的都由...arr接收，...arr是展开的，所以arr最终是一个数组

● 注意：形参...arr必须放在最后面，它后面不能再有其他的形参了，不然就会报错

○ ...arr放在实参的位置：

  <script>
        let arr = [1,2,3]
        let fun = function(a,b,c) {
            console.log(a,b,c)
        }
        fun(...arr)
  </script>

结果：

● 先定义了一个arr数组，然后用...arr把arr数组里面的内容拿出来，当做实参传进去。。

（3）伪数组转为数组

○ ES5的方法：Array.from(arguments)

  <script>
        function fun(){
            var arr = Array.from(arguments)
            console.log(arr)
        }
        fun(1,2,3,4,5)
  </script>

结果：

○ ES5的方法：[...arguments]

  <script>
        function fun(){
            var arr = [...arguments]
            console.log(arr)
        }
        fun(1,2,3,4,5)
  </script>

结果：

● 注意：arguments的作用是：在没有形参的情况下，用来接收实参的

（4）对象合并

 <script>
        let obj1 = {
            name:"yiyi",
            age:21
        }
        let obj2 = {
            location:"henan"
        }
        let obj = {
            ...onj1,
            ...obj2
        }
        console.log(obj)
  </script>

 ● 注意：同名的键后面的会覆盖前面的，比如我合并了obj1和obj2，如果obj1和obj2都有name这个键，那么name的值就等于obj2的name值。

（5）解构赋值也可以放在形参里

 

运算符ldquoampltgt

有关ES6展开运算符“...”的更多相关文章

  1. ruby - 触发器 ruby​​ 中 3 点范围运算符和 2 点范围运算符的区别 - 2

    请帮助我理解范围运算符...和..之间的区别，作为Ruby中使用的“触发器”。这是PragmaticProgrammersguidetoRuby中的一个示例:a=(11..20).collect{|i|(i%4==0)..(i%3==0)?i:nil}返回:[nil,12,nil,nil,nil,16,17,18,nil,20]还有:a=(11..20).collect{|i|(i%4==0)...(i%3==0)?i:nil}返回:[nil,12,13,14,15,16,17,18,nil,20] 最佳答案 触发器(又名f/f)是

  2. 使用canal同步MySQL数据到ES - 2

    文章目录一、概述简介原理模块二、配置Mysql使用版本环境要求1.操作系统2.mysql要求三、配置canal-server离线下载在线下载上传解压修改配置单机配置集群配置分库分表配置1.修改全局配置2.实例配置垂直分库水平分库3.修改group-instance.xml4.启动监听四、配置canal-adapter1修改启动配置2配置映射文件3启动ES数据同步查询所有订阅同步数据同步开关启动4.验证五、配置canal-admin一、概述简介canal是Alibaba旗下的一款开源项目，Java开发。基于数据库增量日志解析，提供增量数据订阅&消费。Git地址：https://github.co

  3. ES基础入门 - 2

    ES一、简介1、ElasticStackES技术栈：ElasticSearch：存数据+搜索；QL；Kibana：Web可视化平台，分析。LogStash：日志收集，Log4j:产生日志；log.info(xxx)。。。。使用场景：metrics：指标监控…2、基本概念Index（索引）动词：保存（插入）名词：类似MySQL数据库，给数据Type（类型）已废弃，以前类似MySQL的表现在用索引对数据分类Document（文档）真正要保存的一个JSON数据{name:"tcx"}二、入门实战{"name":"DESKTOP-1TSVGKG","cluster_name":"elasticsear

  4. ruby - 带括号和 splat 运算符的并行赋值 - 2

    我明白了:x,(y,z)=1,*[2,3]x#=>1y#=>2z#=>nil我想知道为什么z的值为nil。 最佳答案 x,(y,z)=1,*[2,3]右侧的splat*是内联扩展的，所以它等同于:x,(y,z)=1,2,3左边带括号的列表被视为嵌套赋值，所以它等价于:x=1y,z=23被丢弃，而z被分配给nil。 关于ruby-带括号和splat运算符的并行赋值，我们在StackOverflow上找到一个类似的问题： https://stackoverflow

  5. ruby - 定义自定义 Ruby 运算符 - 2

    问题是:除了在“OperatorExpressions”？例如:1%!2 最佳答案 是的，可以创建自定义运算符，但有一些注意事项。Ruby本身并不直接支持它，但是superatorsgem做了一个巧妙的把戏，将运算符链接在一起。这允许您创建自己的运算符，但有一些限制:$geminstallsuperators19然后:require'superators19'classArraysuperator"%~"do|operand|"#{self}percent-tilde#{operand}"endendputs[1]%~[2]#Out

  6. ruby - Ruby 中 <=> 运算符的名称是什么？他们怎么调用它？ - 2

    在Ruby中有运算符(operator)。在API中，他们没有命名它的名字，只是:Theclassmustdefinetheoperator...Comparableusestoimplementtheconventionalcomparison......theobjectsinthecollectionmustalsoimplementameaningfuloperator...它叫什么名字？ 最佳答案 参见上面的@Tony。然而，它也被称为(俚语)“宇宙飞船运算符(operator)”。

  7. ruby - 将运算符传递给函数？ - 2

    也许这听起来很荒谬，但我想知道这对Ruby是否可行？基本上我有一个功能...defadda,bc=a+breturncend我希望能够将“+”或其他运算符(例如“-”)传递给函数，这样它就类似于...defsuma,b,operatorc=aoperatorbreturncend这可能吗？ 最佳答案 两种可能性:以方法/算子名作为符号:defsuma,b,operatora.send(operator,b)endsum42,23,:+或者更通用的解决方案:采取一个block:defsuma,byielda,bendsum42,23,

  8. ruby - OR 运算符和 Ruby where 子句 - 2

    可能真的很简单，但我很难在网上找到关于这个的文档我在Ruby中有两个activerecord查询，我想通过OR运算符连接在一起@pro=Project.where(:manager_user_id=>current_user.id)@proa=Project.where(:account_manager=>current_user.id)我是ruby​​的新手，但我自己尝试使用||@pro=Project.where(:manager_user_id=>current_user.id||:account_manager=>current_user.id)这没有用，所以1.我想知道如何在

  9. ruby - Ruby 中字符串运算符 + 和 << 的区别 - 2

    我是Ruby和这个网站的新手。下面两个函数是不同的，一个在函数外修改变量，一个不修改。defm1(x)x我想确保我理解正确-当调用m1时，对str的引用被复制并传递给将其视为x的函数。运算符当调用m2时，对str的引用被复制并传递给将其视为x的函数。运算符+创建一个新字符串，赋值x=x+"4"只是将x重定向到新字符串，而原始str变量保持不变。对吧？谢谢 最佳答案 String#+::str+other_str→new_strConcatenation—ReturnsanewStringcontainingother_strconc

  10. ruby - 我可以在 Ruby 中动态调用数学运算符吗？ - 2

    ruby中有这样的东西吗？send(+,1,2)我想让这段代码看起来不那么冗余ifop=="+"returnarg1+arg2elsifop=="-"returnarg1-arg2elsifop=="*"returnarg1*arg2elsifop=="/"returnarg1/arg2 最佳答案 是的，只需像这样使用send(或者更好的是public_send):arg1.public_send(op,arg2)这是可行的，因为Ruby中的大多数运算符(包括+、-、*、/、andmore)只需调用方法。所以1+2与1.+(2)相同

随机推荐