JS ES6 数组得一些处理方法归类

ES6  js  es6

  

2020-01-04 13:11:25

find() 数组实例的find方法,用于找出第一个符合条件的数组成员 findIndex 数组实例的findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1 数组实例的 includes() 表示某个数组是否包含给定的值 如果包含 返回true 不包含返回false isArray 判断变量 是不是数组 如果是 返回true 不...

es6新增生成器

es6  javascript  es6

  

2020-04-22 02:02:47

什么是生成器? 生成器是一个通过构造函数Generator创建的对象,它既是一个迭代器,又是一个可迭代对象。方便我们得到一个迭代器。 怎么创建生成器? 必须使用生成器函数创建 怎么书写生成器函数? 生成器函数的内部执行 生成器函数内部是为了给生成器每次迭代提供数据,每次调用生成器的next方法,将导致生成器函数运行到下一个yield关键字位置。yield用于产生一个迭代数据。 注意 生成器函数可以...

set集合

es6  es6  javascript

  

2020-04-24 03:28:57

set集合 用于存放不重复的数据 创建set集合 如何后续操作 add(数据):添加一个数据到set末尾,如果已存在,则不操作 has(数据):判断set中是否存在对应的数据,set使用Object.is的方式判断两个数据是否相同,但是对于+0和-0,认为相等 delete(数据):删除匹配的数据,返回是否删除成功 clear():清空set集合 size():获取set集合中的元素数量,只读 如...

map集合

es6  javascript  es6

  

2020-04-28 05:41:46

map集合的意义 map集合专门用于存储多个键值对数据。 诶,明明我们可以用对象来做这件事情,为什么还要用map集合呢? 对象存储键值对的问题 键名只能是字符串 获取数据的数量不方便 键名容易跟原型上的名称冲突 创建map 后续操作 size:只读属性,获取当前map中键的数量 set(键, 值):设置一个键值对,键和值可以是任何类型 如果键不存在,则添加一项 如果键已存在,则修改它的值 比较键的...

ES6 Class类

es6  es6

  

2020-04-28 11:38:02

定义 在ES6中,class本质上就是function。 类声明 类声明的方式有两种,如下 匿名类 命名类 注意要点: constructor 方法是类的默认方法,创建类的实例化对象时被调用。constructor 方法用于定义初始化类的参数 类不可以重复声明 类定义不会被提升,必须在访问前对类进行定义,否则就会报错。 类中方法不需要 function 关键字,方法之间不需要逗号隔开。 类的实例化...

ES6-Promise对象与async函数

ES6  javascript  es6

  

2020-04-29 04:35:08

前言 1.Promise对象 什么是Promise? 为什么使用Promise对象? 怎么用Promise对象? 1.1:Promise的三个状态 pending(进行中) fulfilled(已成功) rejected (已失败) Promise对象的状态只有从pending到fulfilled,或者从pending到rejected。只要处于fulfilled和rejected,状态就不会在发...

寒假实训听老师讲到的,老师说可能是面试题哦。所以去学习了下Set,在此记下。 ES6提供的新数据结构 Set ,类似数组,特点是里面所有元素都是唯一的,不重复,因此可以利用这个特性对单一数据去重。 Set快速去重 结果如下: 确实可以去重,代码也少,感觉耳目一新~~~~ 其他数据类型去重情况 但是这些数组元素都是简单的数字,所以我就怀着好奇心,整了点其他类型的 结果开始跟预期不一样了: Set数据...

ES6对象(3):类的继承

ES6  es6  javascript

  

2020-04-30 12:51:55

1.继承的概念 如果两个类A和B,如果可以描述为:B是A(例如:猫是动物,轿车是汽车,男人是人),则A和B形成继承关系。如果B是A,则: B继承自A A派生B B是A的子类 A是B的父类 如果A是B的父类,则B会自动拥有A中的所有实例成员 【例1】ES6之前的继承 【结果】 图1   2.新的关键字 (1)extend:继承,用于类的定义 (2)super 直接当函数调用,表示父类构造函...

ES6中的class的详解

ES6  es6  前端

  

2020-04-30 23:47:10

一、ES6构造函数生成实例对象 1.当使用了构造函数,并且new 构造函数(),后台会隐式执行new Object()创建对象; 2.将构造函数的作用域赋给新对象(即new Object()创建出的对象),而函数体内的this就代表new Object()出来的对象。 3.执行构造函数的代码。 4.返回新对象(后台直接返回); 二、class解析 从这两段代码可以看书,其实Person类实质上就是...

ES6 Promise对象

es6  es6

  

2020-05-06 11:00:20

定义 Promise对象是ES6提供的一种异步编程的方案。封装了异步操作和成功、失败的回调。 Promise 状态 Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。 Promise 对象只有:从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled ...

Set的概念: Set是ES6 提供的新的数据结构。它类似于数组,只有属性值,并且成员的值都是唯一的,没有重复的值。 WeakSet的概念: WeakSet 结构与 Set 类似,weakSet的成员值是唯一的,并且 WeakSet 的成员只能是对象,而不能是其他类型的值 传递参数的讲究: Set、WeakSet传递的参数必须具备迭代接口,比如:数组,字符串,arguments等, 迭代接口就是指...

今天在学习Promise的时候,看到失败的函数reject()既可以通过.then()的第二个参数指定,又可以通过.catch()指定,故因此引发了关于同时指定、顺序不同时的情况的思考: 情况一:单独指定 1.1 单独通过then()指定: 效果正常 1.2 通过catch()单独指定 效果与上面一样为正常 二、同时指定 2.1 then()在上,catch()在下 运行效果正常 2.2 then...

Es6的开发环境

Es6  Es6

  

2020-05-29 05:11:16

1. 项目初始化 npm init -y 2. 全局安装babel-cli npm install -g babel-cli npm install --save-dev babel-preset-es2015 babel-cli 3. 在根目录下创建.babelrc 4. 转换输出 babel src/index.js -o dist/index.js 5. 简化转换输出 6. npm run ...