ES6 学习6 数组的扩展
2019-02-25 16:10:35来源：博客园 阅读 ()
本章学习要点:
- 扩展运算符
- Array.from()
- Array.of()
- 数组实例的 copyWithin()
- 数组实例的 find() 和 findIndex()
- 数组实例的 fill()
- 数组实例的 entries()，keys() 和 values()
- 数组实例的 includes()
- 数组实例的 flat()，flatMap()
- 数组的空位
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')] // [<div>, <div>, <div>]
该运算符主要用于函数调用。
function add(x, y) { return x + y; } const numbers = [4, 38]; add(...numbers) // 42
上面代码中add(...numbers)是函数的调用，它使用了扩展运算符。该运算符将一个数组，变为参数序列。
扩展运算符后面还可以放置表达式。
let x = 0; const arr = [ ...(x > 0 ? ['a'] : []), 'b', ]; console.log(arr) // ["b"]
如果扩展运算符后面是一个空数组，则不产生任何效果。
[...[], 1] // [1]
注意，扩展运算符如果放在括号中，JavaScript 引擎就会认为这是函数调用。如果这时不是函数调用，就会报错。
(...[1, 2]) // Uncaught SyntaxError: Unexpected number console.log((...[1, 2])) // Uncaught SyntaxError: Unexpected number console.log(...[1, 2]) // 1 2
原文链接:https://www.cnblogs.com/dgqboke/p/10419171.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- 如何用javascript连接access数据库 2020-03-20
- JS简单去除数组中重复项的方法 2020-03-16
- 关于JS array的数组 2020-03-08
- 在JavaScript中尽可能使用局部变量的原因 2020-03-08
- javascript过滤数组重复元素的实现方法 2020-03-05
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
