目录Set基本使用遍历操作Map基本使用SetES6提供了新的数据结构 Set（集合）。它类似于数组，但成员的值都是唯一的，集合实现了iterator接口，所以可以使用 [扩展运算符] 和 [for...of] 进行遍历。基本使用添加新的元素Set函数可以接受一个数组(或者具有iterable接口的其他数据结构)作为参数，用来初始化。<script>
// 声明一个 set
概述map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。语法
array.map(callback[, thisArg])参数
callback原数组中的元素经过该方法后返回一个新的元素。
currentValuecallback 的第一个参数，数组中当前被传递的元素。indexcallback 的第二个参数，数组中当前被传递
转载
2024-05-17 16:53:03
135阅读
1、new Map（）ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现const map = new Map([
['name', '张三'],
['age', 18],
]);
conso
转载
2024-10-26 08:33:31
132阅读
前言 Set集合是一种无重复元素的列表，不会像访问数组元素那样逐一访问每个元素，通常时是用于检测给定值在某个集合中是否存在。 Map集合内含多组键值对，集合中每个元素分别存放着可访问的键名和对应的值，Map经常用于缓存频繁取用的数据。 ES6中的Set集合和Map集合Set集合和Weak Set集合创建set集合并添加元素set集合forEach()方法将set集合转换为数组Weak Set集合M
转载
2024-10-10 15:19:38
67阅读
ES5中的新增方法ES5 新增方法概述ES5 中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：数组方法字符串方法对象方法数组方法迭代（遍历）方法：forEach()、map()、filter()、some()、every()forEach()array.forEach(function(currentValue, index, arr))currentValue：数组当前
转载
2024-07-11 22:26:21
55阅读
1.把数组转换为字符串toString() 方法把数组转换为数组值（逗号分隔）的字符串。var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
结果为：Banana,Orange,Apple,Mangojoin() 方法
在ES6还未出现时，我们使用如下方法通过javascript使用类。在下图中函数Person为构造函数，因为要通过它，new出实例，所以一般要首字母大写。第一种方法：构造函数法// 1.构造函数法
function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
转载
2024-03-27 05:41:21
48阅读
map它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。 const m = new Map();
const o = {p: 'Hello World'
转载
2024-10-30 23:31:46
32阅读
js包括ECMAScript、DOM、BOM三个组成部分。ECMAScript又分为ES3、ES5、ES6、ES7、ES8、ES9、ES10、ES11这些版本，ES3版本有点老，目前主流开发基本是ES5和ES6的天下。ES5作用域：全局作用域和函数作用域。ES6作用域：除了全局作用域和函数作用域之外，新增了块级作用域。我这次主要分析ES5版本的作用域 。JavaScript 作
转载
2024-10-17 10:57:50
0阅读
1. 认识class类在ES6中的新标准定义了class关键字来直接定义类；但是类的本质上依然是构造函数、原型链的语法糖；声明类：可以使用两种方式来声明类：类声明和表达式class Person {
}
// 类的表达式
var Animal = class {
} 类的特点：class Person {
}
console.log(Person.prototype) //
什么是 ES6 模块化规范 ？
ES6 模块化规范
是
浏览器端
与
服务器端
通用的模块化开发规范。 它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习 AMD、CMD 或 CommonJS 等模块化规范。 ES6 模块化规范中定义： 每个 js 文件都是一个独立的模块 导入其它模块成员使用
转载
2024-10-18 11:43:32
52阅读
ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。ES是定义标准的，js是实现者，它是是一个语言的标准。 ES6新增的功能： 1.let声明变量 let声明的变量不会挂在window中，不会造成全局变量的污染， 新增了一个块级作用域{}，以前只有函数作用域，全局作用域。let是不允许重复声明它的
大多数时候，JavaScript解释器能够识别出我们想使用的数据类型。举个例子，在下面的代码中，解释器明白数字1和2是数值类型，并会对它们做相应处理：<html>
<body>
<script type="text/javascript">
var myCalc = 1 + 2;
document.write( "The calculated number is
一、什么是Javascript?JavaScript（简称“JS”）一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。动态： 在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。弱类： 计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。原型： 新对象继承对象（作为模版），将自身的属性共享
转载
2024-02-15 12:34:16
57阅读
1.ES6简介1.1什么是es6？ES的全称是ECMAScript，它是由ECMA国际标准组织化制定的一项脚本语言的标准化规范。 1.2为什么使用ES6每一次标准的诞生都意味着语言的完善，功能的增强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散，实际相同的功能，不同的人可能会写出不同的代码2.ES6的新增语法2.1letES6中新增的用
使用ES5手动实现ES6中的Promise APIPromise 对象是一个代理对象(代理一个值)，被代理的值在Promise对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法(handlers)。 这让异步方法可以像同步方法那样返回值，但并不是立即返回最终执行结果，而是一个能代表未来出现的结果的promise对象。pending 状态的 Promise 对象可能触发fu
转载
2024-08-24 21:31:17
15阅读
ES6ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。ES6 新增加了两个重要的 JavaScript 关键字
<script type="text/javascript"> //es5严格模式 //当es3和es5一些方法存在冲突，要不使用es5方法去解决，要不默认用es3的方法去解决 // function demo() { // console.log(arguments.callee); // } /
原创
2022-08-13 01:43:50
119阅读
ES NextES5严格模式除了正常运行模式，ECMAscript 5 添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。-消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; - 消除代码运行的一些不安全之处，保证代码运行的安全； - 提高编译器效率，增加运行速度；- 为未来新版本的Javascr
一、ES模块化的导出和导入：export导出：在使用导入与导出时，需要在引用js文件时添加type属性，type值为module<script src="test1.js" type="module"></script>
<script src="test2.js" type="module"></script> 1、导出对象：使用export {
