文章目录
- 1.数组解构
- 2.对象解构
- 3.模板字符串
- 4.字符串的扩展方法
- 5.参数默认值
- 6.剩余(rest)参数
- 7.展开数组参数
- 8.箭头函数
- 9.对象字面量增强
- 10.class类
- 11.set和Map 数据结构
- 12. 数组的扩展方法
- 13.Moudle
1.数组解构
解构数组的方法
在数组解构语法中，我们通过值在数组中的位置进行选取，且可以存储在任意变量中，未显式声明的元素都会直接被忽略。在这个过程中，数组本身不会发生任何变化。
只解构想要获取的元素
解构赋值
数组解构也可用于赋值上下文
在数组中，可以通过…语法将数组中的其余元素赋值给一个特定的变量,并且以数组的形式返回结果
注意：在被解构的数组中，*不定元素必须为最后一个条目*，在后面继续添加逗号会导致程序抛出语法错误。
如果解构位置的成员个数小于被解构的数组长度，那么就会按照从前到后的顺序去提取
反之，如果结构位置的成员个数大于被解构的数组长度，那么就会返回undefined
如同访问数组中一个不存在的下标
如果没有查询到元素的值，那么就会返回默认值；如果能查询到，那就还是返回原值
拆分字符串
嵌套数组解构
2.对象解构
大部分性质和数组的解构差不多，但唯独注意一点
当外面定义的变量和对象里的属性名重名时，应该采取这种方法去解决
嵌套对象解构
在这个示例中，我们在解构模式中使用了花括号，其含义为在找到node对象中的loc属性后，应当深入一层继续查找start属性
3.模板字符串
一般字符串
模板字符串
输出多行字符串
输出`和等特殊字符
模板字符串的注入
模板字符串中嵌入变量，要将变量名写在之中。大括号内可以放入任意的JavaScript表达式，可以进行运算，以及引入对象属性。
只要最终可以得出一个值的就可以通过 ${} 注入到模板字符串中
4.字符串的扩展方法
字符串的遍历器接口
repeat 方法返回一个新字符串，表示将原字符串重复n次
如果某个字符串不够指定长度，会在头部或尾部补全。用于头部补全，用于尾部补全
5.参数默认值
函数参数的默认值：函数没有传递形参时，默认使用的值
6.剩余(rest)参数
7.展开数组参数
8.箭头函数
箭头函数是匿名函数，允许我们用更短的语法定义函数。
传统函数：
箭头函数
选择18岁以上的用户
箭头函数没有自己的this
箭头函数中的this实际是外层函数的this(箭头函数的this对象是定义时所在的对象，而不是使用时的对象)
箭头函数最大的一个好处就是它的 this指向定义时所在环境的 this ,而非使用时环境的 this,比如在SetTimeeout 函数的回调函数中，如果使用箭头函数，那么THIS还是指向调用 SetTimeeout 的对象里的this
箭头函数永远指向上下文的this
9.对象字面量增强
10.class类
11.set和Map 数据结构
set
Map:以键值对的形式存在
12. 数组的扩展方法
Array.from()方法
- 将数组对象装换为真正的数组
注：
- 将set结构的数据转换为真正的数组
Array.from还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。如下：
- 将字符串转换为数组
find（）和findIndex（）
数组实例的方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为的成员，然后返回该成员。如果没有符合条件的成员，则返回
数组实例的方法的用法与方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回。
fill()
方法使用给定值，填充一个数组。
entries(),keys(),values()
ES6 提供三个新的方法——，和——用于遍历数组是对键名的遍历、是对键值的遍历，是对键值对的遍历。
13.Moudle
- 基本导入导出
基本导出:类似于 exports.xxx = xxxx ，基本导出可以有多个，每个必须有名称基本导出的语法如下：
基本导入：由于使用的是依赖预加载，因此，导入任何其他模块，导入代码必须放置到所有代码之前。对于基本导出，如果要进行导入，使用下面的代码
实例：
到此这篇数组方法filter返回值（数组filter方法的返回值）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/rfx/67681.html