ES6 语法详解(三点运算符)

最新推荐文章于 2024-07-26 20:46:33 发布
最新推荐文章于 2024-07-26 20:46:33 发布
阅读量285 收藏
点赞数
文章标签： js javascript nodejs adb html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flowerStream/article/details/119746967
版权 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        /**
         * 三点运算符
         * 用途
         *     1. rest(可变)参数
         *         用于取代arguments, 但是比arguments灵活,只能是最后部分形参参数
         */
        function fun(...values) {
            console.log(arguments)
            // arguments.forEach((item,index) => console.log(item,index)) //不是数组 不支持forEach
            console.log(values)
            values.forEach((item, index) => console.log(item, index))
        }
        fun(1, 2, 3, 4)

        /**
         * 扩展运算符
         */
        let arr = [1, 6]
        let arr1 = [2, 3, 4, 5]

        // 将arr1合并到 arr中
        // 会将arr1,所有数值解析出来放入外面,对象也可以
        arr = [1, ...arr1, 6]
        console.log(arr)

        let obj = {
            username: 'flower'
        }
        let obj2 = {
            age: 18,
            ...obj
        }
        console.log(obj2)
    </script>
</html>

作者：彼岸舞

时间：2021\08\16

内容关于：前端知识库

本文属于作者原创,未经允许,禁止转发

十六夜之彼岸舞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6语法之三点运算符...
L_jin_c的博客
08-31 1157
一、三点运算符作为剩余参数-理解为把剩余的元素集合在一起 //这里的10 20 30 分别传到函数作为形参，形参只有a和...rest,那么...rest其实就是把剩余的20 30集合一起接收了，变为了[20,30] function func2(a, ...rest) { console.log(a); //10 console.log(rest); //[20,30] console.log(rest[0], rest[1], rest[2]); //20 30 u
ES6语法（知识点汇总三）
carolynkim的博客
08-09 96
一、数组的新增方法 map filter 筛选 一组数组 筛选出符合要求的内容 map方法 给数组中每一个元素，特殊处理后，返回一个新的数组 2、some 和 every 数组的处理中， 用来判断条件的 使用some every .some依次拿出数组中元素做比较。如果有真的就返回真一真既真 ....
JavaScrip---ES6新语法:展开运算符...（三个点）详解
java小白翻身
04-08 4509
概念太复杂，你可以这么理解... 概念太复杂，你可以把...理解为展开运算符。 谁可以使用展开运算符来进行展开呢？ 1.字符串可以展开，展开成逗号分割的元素集合。 案例： let str = "abc" console.log(... str) 答案是什么呢？ 当我们展开字符串"abc"的时候，就相当于在那个位置写了a,b,c​！ 也就是说console.log(... str)相当于写成了console.log(‘a’,'b','c')。 验证一下刚才的代码，结果 除了字....
ES6中扩展运算符三个点（...）的用法？
金木编程
04-18 237
在计算机编程中，扩展运算符（也称为展开运算符）是一种用于将一个可迭代对象展开成独立的元素序列的语法。），放在一个可迭代对象前面。如果一个键已经存在，它会被具有相同键的最后一个对象给替换。
ES6扩展运算符——三个点（...）用法详解
青春木鱼的博客
02-06 2133
展开语法 (Spread syntax), 可以在函数调用/数组构造时，将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时，将对象表达式按 key-value 的方式展开。(译者注: 字面量一般指 [1, 2, 3] 或者 {name: "mdn"} 这种简洁的构造方式)
es6扩展运算符之三个点(...)
筑梦人的博客
03-30 3077
前言:初识es6三个点,一脸懵逼.查阅资料慢慢对这个运算符有了些许了解,谨以此做个小小的笔记. 1,首先这个三个点的作用是es6的扩展语法,其作用就是把对象中的所有可遍历的参数属性取出来,拷贝到当前对象中.,其中这三个点的作用和Object.assign({},a)的作用是一样的. 2,如果用...拷贝对象中参数属性的时候,和其他的对象进行合并,当其他对象中属性名字和被拷贝的对象参数属性有...
ES6语法（一）
weixin_44001906的博客
07-02 168
函数 参数默认值 参数默认值可以是数值 参数默认值也可以是一个函数 不定参数（剩余参数） 用来表示不确定参数个数，形如，…变量名，由…加上一个具名参数标识符组成。具名参数只能放在参数组的最后，并且有且只有一个不定参数。 扩展运算符 将一个数组分割，并将各个项作为分离的参数传给函数 箭头函数 箭头函数内部没有arguments不能使用new关键字实例化this指向创建箭头函数的上下文的this的指向https://www.csdn.net/tags/MtjacgwsNzQzMDEtYmxvZwO0O0OO0
ES6扩展运算符的用途实例详解
08-29
ES6扩展运算符的用途实例详解 ES6扩展运算符是ECMAScript 6（ES6）中引入的一种新的语法结构，主要用途是将实现了Iterator 接口的对象中的每个元素一个个迭代并取出来变成单独的被使用。扩展运算符的主要用途有多...
详解ES6 扩展运算符的使用与注意事项
01-21
扩展运算符 spread syntax 又叫展开语法，写法是 …，顾名思义，其实是用来展开字符串，数组和对象的一种语法，可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开；还可以在构造字面量对象时, 将...
详解ES6语法之可迭代协议和迭代器协议
08-28
ECMAScript 2015 中的可迭代协议和迭代器协议 ...调用 Iterator 接口的场合包括 for...of 循环、解构赋值、扩展运算符等。这些场合下，Iterator 接口会被默认调用，以提供统一的访问机制来处理不同的数据结构。
es6中的解构赋值、扩展运算符和rest参数使用详解
08-29
解构赋值是ES6引入的一种强大的语法特性，它允许我们从数组或对象中方便地提取值并赋给变量。这种赋值方式基于模式匹配，使得代码更加简洁和易读。以下是一些示例： 1. **数组解构赋值** ```javascript let [g, h...
基于ES6作用域和解构赋值详解
08-28
接下来，我们探讨“解构赋值”，这是ES6中的一种高效且灵活的语法结构，用于从数组或对象中提取值并赋给变量。以下是一些解构赋值的例子： 1. 数组解构赋值允许你从数组中方便地提取值。例如，`[a, b, c] = [1, 2, ...
es6笔记····数组的扩展
齐枫的博客
11-02 677
数组的扩展 扩展运算符 含义 扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('di
ES6中的三点运算符
莉莉小仙女
03-23 2612
ES6中的三点运算符ES6中的三点运算符参数使用拓展运算符使用 ES6中的三点运算符 在es6规范中三点运算符有两个用途 参数使用 拓展运算符使用。 参数使用 作为参数使用的三点运算符，也可称为剩余参数，获取到的是剩余参数数组 剩余参数传入的参数可不限数量 剩余参数只能出现在最末尾，否则报错。（当然以扩展运算的身份出现时另当别论） function foo(param1,param2,...
es6 扩展运算符 三个点（...）
热门推荐
现在学习也不晚
11-29 27万+
1  含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [&lt;div&gt;, &...
es6之扩展运算符 三个点（...）
astonishqft的博客
09-30 24万+
es6之扩展运算符 三个点（...）es6之扩展运算符 三个点（...）对象的扩展运算符数组的扩展运算符总结 es6之扩展运算符 三个点（…） 对象的扩展运算符 理解对象的扩展运算符其实很简单，只要记住一句话就可以： 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let baz = { ...z }; /...
js(ES6)中感叹号和三个点扩展运算符
l_l_jh的博客
01-02 1万+
感叹号 1. 一个感叹号 一个感叹号(!)最好理解，也是我们经常使用的。!可以将变量转为boolean值，所有的truthy和falsy都可以被转化，比如null、undefined、数字0和空字符串取反都为true，其余都为false。 !null = true !undefined = true !&quot;&quot; = true !0 = true !100 = false !&quot;asdss&quot; = fals...
...三个点es6用法
anyincc125的博客
11-20 1169
…三个点es6用法 ... 是数组展开运算符。将数组序列化，成为逗号隔开的序列。 1.获取数组最大的值。 常规：Math.max(1,2,3) 写法：Math.max(…[1,2,3])等同于上面的例子 2.调用方法 function sum(a,b){ console.log(a+b)//5 } sum(…[2,3]) 3.连接数组 var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5]; arr1.push(…arr2); 4.连接数组 var arr1 = [‘a’,
JavaScript青少年简明教程：函数及其相关知识（下）
最新发布
cnds123的专栏
07-26 547
JavaScript青少年简明教程：函数及其相关知识（下）
JavaScript ES6：简写语法详解与实战
"本文主要介绍了JavaScript ES6中的各种简写语法，包括对象字面量的简洁表示法、可计算的属性名、解构赋值、箭头函数、模板字符串等，旨在提高代码的可读性和可维护性。" 在JavaScript ES6中，引入了一系列简化编程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值