es6 展开运算符 ...

柔情只为你懂 2022-05-25 10:27 149阅读 0赞

好记性不如烂笔头，在学习的过程中，越来越明白这句话的含义；

ES6的展开运算符使用三个点来表示  ...

使用展开运算符的前提：对象具有 Iterator 遍历器接口 ，比如数组，

怎么判断一个对象是否具有Iterator 遍历器接口呢，我们查看对象是否有 Symbol(Symbol.iterator)

属性就可以了，有的话，那就具有Iterator 遍历器接口，没有的话，那就不具有；

我们看看数组：

< script>

*let* arr =\[ "测试", "接口", "类型"\];

*console*. log(arr);

</ script>

查看控制台：

1.  *ƒ unshift()*
2.  values:*ƒ values()*
3.  Symbol(Symbol.iterator):*ƒ values()*
4.  Symbol(Symbol.unscopables):\{ copyWithin: true, entries: true, fill: true, find: true, findIndex: true, …\}
5.  \_\_proto\_\_:Object

可以看到是有这个属性的，那么就是说，数组是具有这个接口的，

也就是说，我们可以对数组使用展开运算符；

数组，map ，set  在es6中都是具有这个接口的，但是object对象在es7中才增加了这个接口；

除了上面的，字符串也是可以的，和数组一样；

下面我们可以利用展开运算符展开一个数组：

< script>

*let* arr =\[ "测试", "接口", "类型"\];

*console*. log( ...arr);

</ script>

上面输出：测试 接口 类型

在数组的名字前面加上 ...  即可展开数组中的所有内容；

利用上面的展开，我们就可以在函数的参数中使用：

< script>

*let* arr =\[ "测试", "接口", "类型"\];

*function* abc( *a*, *b*, *c*)\{

return a \+b \+c;

\}

*console*. log( abc( ...arr));

</ script>

还有很多的使用方法，慢慢积累了...

发表评论取消回复

表情：

评论列表（有 0 条评论，149人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 ...运算符

展开运算符 const a = [ { key: 'key1', value: 'val1' }, {

左手的ㄟ右手/ 2022年12月23日 14:28/ 0 赞/ 93 阅读

相关 ES6展开运算符(...)

看到一道面试题里面，有 `const newBooks = [...this.state.books]` 用了展开运算符，顺便来记录一下 > 展开运算符,将一个数组转为用逗号

向右看齐/ 2022年10月29日 07:48/ 0 赞/ 124 阅读

相关 ES6扩展运算符...

扩展运算符定义扩展运算符（ spread ）是三个点（…），它好比 rest 参数的逆运算，可以将一个数组转为用逗号分隔的参数序列。说白了，就是把数组脱掉衣服，打开它。

比眉伴天荒/ 2022年09月03日 00:21/ 0 赞/ 185 阅读

相关 es6 展开运算符 ...

好记性不如烂笔头，在学习的过程中，越来越明白这句话的含义； ES6的展开运算符使用三个点来表示 ... 使用展开运算符的前提：对象具有 Iterator 遍历器

柔情只为你懂/ 2022年05月25日 10:27/ 0 赞/ 150 阅读

相关 ES6扩展运算符

ES6扩展运算符实现了Iterator 接口的对象中的每个元素都一个个的迭代并取出来变成单独的被使用 eg1: console.log(...[3, 4, 5])

一时失言乱红尘/ 2022年04月05日 08:12/ 0 赞/ 216 阅读

相关 ES6扩展运算符

在做React Native项目时遇见了扩展运算符，于是将ES新特性中相关的部分学习了一下，在这里作出总结。目前所遇见的扩展运算符有两种： 1: 数组的扩展运算符

男娘i/ 2022年01月27日 13:07/ 0 赞/ 280 阅读

相关 ES6展开运算符数组合并，函数传参

定义： .展开运算符允许一个表达式在某处展开。使用场景　　1.展开函数在多个参数的地方使用。意指用于函数传参　　2.多个元素的地方使用，意指用于数组字面量　

水深无声/ 2021年11月01日 10:10/ 0 赞/ 272 阅读

相关 ES6 展开语法

> 展开语法(Spread syntax), 可以在函数调用/数组构造时, 将数组表达式或者字符串在语法层面展开. > > 还可以在构造字面量对象时, 将对象表达式按

电玩女神/ 2021年09月18日 07:58/ 0 赞/ 362 阅读

相关 ES6之展开运算符

var user2={ age:22, address:"中国北京",

矫情吗；*/ 2021年09月17日 02:06/ 0 赞/ 319 阅读

相关 ES6扩展运算符...

扩展运算符... 一、什么是扩展运算符二、写法三、案例 1.合并数组 2.将伪数组转换成真数组一、什么是扩展运算符

迈不过友情╰/ 2021年09月07日 06:10/ 0 赞/ 390 阅读