博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6(3)-各种类型的扩展(数组、对象)
阅读量:6206 次
发布时间:2019-06-21

本文共 742 字,大约阅读时间需要 2 分钟。

1 数组的扩展

1.1 扩展运算符

含义

扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。

console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [
,
,
]

该运算符主要用于函数调用。

function push(array, ...items) {  array.push(...items);}function add(x, y) {  return x + y;}var numbers = [4, 38];add(...numbers) // 42

上面代码中,array.push(...items)add(...numbers)这两行,都是函数的调用,它们的都使用了扩展运算符。该运算符将一个数组,变为参数序列。

扩展运算符与正常的函数参数可以结合使用,非常灵活。

function f(v, w, x, y, z) { }var args = [0, 1];f(-1, ...args, 2, ...[3]);

扩展运算符后面还可以放置表达式。

const arr = [

...(x > 0 ? ['a'] : []),
'b',
];
如果扩展运算符后面是一个空数组,则不产生任何效果。

[...[], 1]

// [1]

2 对象的扩展

1.1 includes(), startsWith(), endsWith()

转载地址:http://egqca.baihongyu.com/

你可能感兴趣的文章
老web换新枝----Sails.js移动设备的全新生产力(五)
查看>>
WCF简单教程(5) 用IIS做Host
查看>>
查看Linux上程序或进程用到的库
查看>>
CCNA知识总结(一)
查看>>
搭建nfs共享存储服务之二nfs服务端配置
查看>>
spring-test的简单实用方式
查看>>
ZooKeeper典型应用场
查看>>
Red Hat 8.0中设置光盘为软件源
查看>>
wiki常用语法
查看>>
Hinton神经网络公开课10 Combining multiple neural networks to improve generalization
查看>>
linux-shell面试题 之二
查看>>
10 进制转 2 进制、16 进制
查看>>
Wordpress中显示页面当前位置
查看>>
HTML比较常用的标签
查看>>
【Spring】使用Spring和AMQP发送接收消息(下)
查看>>
SQL注入
查看>>
iOS UITableView 移除单元格选中时的高亮状态
查看>>
java中单例模式的3种实现
查看>>
openssl创建私有ca
查看>>
为什么我从 Git Flow 开发模式切换到了 Trunk Based 开发模式?
查看>>