前端的学习记录（二十九）——学习基础语法

前端的学习记录（二十九）——学习基础语法

大家好，我是前端开发工程师一枚，今天给大家分享一下我学习前端基础语法的笔记。

1. Map

ES6语法，Map 用于代替 object 来储存键值对。它比 object 具有以下优点：

• 键可以是任何数据类型，而 object 的键只能是字符串。
• map 的键是无序的，而 object 的键是有序的。
• map 可以通过 has() 方法来判断键是否存在，而 object 需要通过 in 操作符来判断键是否存在。
• map 可以通过 get() 方法来获取键对应的值，而 object 需要通过 [] 操作符来获取键对应的值。
• map 可以通过 set() 方法来设置键对应的值，而 object 需要通过 [] 操作符来设置键对应的值。
• map 可以通过 delete() 方法来删除键对应的值，而 object 需要通过 delete 操作符来删除键对应的值。
• map 可以通过 clear() 方法来清空所有的键值对，而 object 需要通过 for...in 循环来清空所有的键值对。

2. Set

ES6语法，Set 用于储存唯一的值。它比 array 具有以下优点：

• Set 中的值是唯一的，而 array 中的值可以重复。
• Set 中的值是无序的，而 array 中的值是有序的。
• Set 可以通过 add() 方法来添加值，而 array 需要通过 push() 方法来添加值。
• Set 可以通过 has() 方法来判断值是否存在，而 array 需要通过 indexOf() 方法来判断值是否存在。
• Set 可以通过 delete() 方法来删除值，而 array 需要通过 splice() 方法来删除值。
• Set 可以通过 clear() 方法来清空所有的值，而 array 需要通过 for...in 循环来清空所有的值。

3. 原始值和引用值

在 JavaScript 中，有两种类型的值：原始值和引用值。

• 原始值包括字符串、数字、布尔值、undefined 和 null。
• 引用值包括对象、数组和函数。

原始值是独立存在的值，而引用值是存储在内存中的地址。这意味着对原始值进行修改不会影响其他变量的值，而对引用值进行修改会影响其他变量的值。

4. 字符串方法

JavaScript 提供了许多字符串方法，这些方法可以用来操作字符串。常用的字符串方法包括：

• length：返回字符串的长度。
• charAt()：返回指定位置的字符。
• indexOf()：返回指定子字符串的第一次出现的位置。
• lastIndexOf()：返回指定子字符串的最后一次出现的位置。
• slice()：返回指定范围的子字符串。
• substring()：返回指定范围的子字符串。
• replace()：用指定的新字符串替换字符串中指定的部分。
• toUpperCase()：将字符串转换为大写。
• toLowerCase()：将字符串转换为小写。

5. 数组方法

JavaScript 也提供了许多数组方法，这些方法可以用来操作数组。常用的数组方法包括：

• length：返回数组的长度。
• push()：向数组的末尾添加一个或多个元素。
• pop()：从数组的末尾删除一个元素。
• unshift()：向数组的开头添加一个或多个元素。
• shift()：从数组的开头删除一个元素。
• indexOf()：返回指定元素的第一次出现的位置。
• lastIndexOf()：返回指定元素的最后一次出现的位置。
• slice()：返回指定范围的子数组。
• splice()：从数组中删除指定范围的元素，并可选择添加新的元素。
• sort()：对数组中的元素进行排序。
• reverse()：反转数组中的元素。
• join()：将数组中的元素连接成一个字符串。

好了，以上就是我学习前端基础语法的笔记。希望对大家有所帮助。