1、let和const
名称 | 描述 |
---|---|
let | 声明变量的关键字,let声明的变量只能在let命令所在的代码块内有效 |
const | 声明常量的关键字,const声明一个只读的常量,一旦声明常量的值就不可以改变。 |
2、模板字符串和箭头函数。
名称 | 描述 |
---|---|
`` | 使用反引号``包裹的字符串 |
()=>{} | 使用箭头(=>)声明函数,不能在书写funcrion关键字 示例:const add =()={console.log('add')} |
this | 1.非箭头函数中的this指向函数的调用者。 2.箭头函数中的this指向定义时所在的对象。 3.全局作用域中的this指向window。 |
3、解构赋值
名称 | 描述 |
---|---|
[]=[] | 数组的结构赋值 示例:let [a,b,c]=[1,2,3];可以从数组中提取值,按照对应的位置,给左侧变量赋值 |
{}={} | 对象的解构赋值 示例: let{bar,foo}={foo:'aaa,bar:'bbb”};按照对应的属性,给左侧的变量赋值,等号左边的两个变量的书写顺序,与等号右边两个同名属性的顺序可以不一致 |
[]=" ", {}=" " | 字符串的解构赋值,在解构前,字符串被转换成了一个类似数组的对象 (不常用,了解即可) 1、以数组的形式解构,const [a,b,c,d,e]="hello' 2、以对象的形式解构,let{o: a}="hello' |
4、剩余运算符,展开运算符
名称 | 描述 |
---|---|
...arg | 将一个不定数量的参数表示为一个数组 |
... | 将内容展开 |
5、数据结构
名称 | 描述 |
---|---|
Set | Set是值的集合 |
Map | Map是键值对,当然键和值可以是任何的值。 |
1.Map是键值对,当然键和值可以是任何的值;Set是值的集合。 |
2.Map可以通过get方法获取值,而Set不能因为它只有值。 |
3.Map由于没有格式限制,可以做数据存储,Set的值是唯一的可以做数组去重。 |
6、Set和Map共有属性和方法
名称 | 描述 |
---|---|
has() | 判断该值是否为Set/Map的成员。 |
delete() | 删除某个成员。 |
clear() | 删除所有成员。 |
forEach() | 遍历每个成员。 |
size | 返回Set/Map实例成员总数。 |
7、Set和Map实例的方法
方法名 | 描述 |
---|---|
add() | Set实例的方法,添加成员。 |
set() | Map实例的方法,添加成员。 |
get() | Map实例的方法,获取成员。 |
8、遍历器
名称 | 描述 |
---|---|
lterator | 为各种不同的数据结构提供统一的访问机制。 |
for...of | 遍历成员,for...of循环可以使用的范围包括数组、Set和Map结构、某些类似数组的对象 (比如arguments对象、DOM NodeList对象)。 |
9.数组新增方法
方法名称 | 描述 |
---|---|
keys() | 遍历索引。 |
values() | 遍历值。 |
entries() | 遍历索引和值。 |
Array.from | 其他数据类型转换为数组。 |
find() | 返回第一个符合条件的数组成员。 |
findIndex() | 返回第一个符合条件的数组成员的位置。 |
includes() | 判断数组中是否含某个成员(不常用,了解即可)。 |
10、字符串的新增方法
方法名称 | 描述 |
---|---|
includes() | 判断字符串中是否包含某些字符。 |
padStart() | 补全字符串的长度,用于头部补全 (不常用,了解即可)。 |
padEnd() | 补全字符串的长度,用于尾部补全 (不常用,了解即可)。 |
trimLeft(), trimStart() | 清除字符串头部的空格(不常用,了解即可)。 |
trimEnd(),trimRight() | 清除字符串尾部的空格 (不常用,了解即可)。 |
11、对象的新增方法
方法名称 | 描述 |
---|---|
assign() | 合并对象。 |
Object.keys() | 返回一个数组,成员是键名。 |
Object.values() | 返回一个数组,成员是键值 |
Object.entries() | 返回一个数组,成员是键名和键值 |