ES6
ES6知识
小仙女de成长
啊麻利麻利哄
展开
-
JS宏任务与微任务
执行顺序永远是微任务再先,宏任务在后。(比如promise在先,setTimeout在后)原创 2022-09-06 22:07:32 · 373 阅读 · 0 评论 -
严格模式下运行class
1.建议都在严格模式下进行,这样的程序会更加的"健壮"2.声明一个类的时候,最好就使用class的方式,它相比使用函数的声明更加的先进,让我们默认在严格模式下原创 2022-08-24 20:26:43 · 174 阅读 · 0 评论 -
map映射数组与引用类型处理技巧
这个映射你可以理解为,我们平时去生活中打印店复制一张纸。复印的过程中,你可以改变原来的值,你也可以不改变原来的值原创 2022-08-16 21:05:30 · 447 阅读 · 0 评论 -
数组的拆分和合并
总的来说,编程核心就是对数据的处理,使用各种方法反复操作数据原创 2022-08-06 21:28:56 · 299 阅读 · 0 评论 -
数组的拆分和合并
总的来说,编程核心就是对数据的处理,使用各种方法反复操作数据原创 2022-08-06 21:26:54 · 297 阅读 · 0 评论 -
使用结构赋值提高效率
解构就是把右边的值数组元素平均分布给左侧,如果右边的数量比左边的多(值比变量多),我们就可以使用点...语法把余下的全部接收过来。也可以理解为批量赋值原创 2022-08-06 19:49:43 · 189 阅读 · 0 评论 -
想把dom元素按照数组方式操作怎么办?
想把dom元素按照数组方式操作怎么办原创 2022-08-01 08:22:43 · 343 阅读 · 0 评论 -
JS模块化
用export导出,用import引入原创 2022-07-26 21:01:00 · 203 阅读 · 0 评论 -
遍历map类型
遍历Map类型数据(for of 或者for in)原创 2022-07-24 10:09:37 · 505 阅读 · 0 评论 -
Map类型的增删改查
Map增删改查原创 2022-07-24 09:23:31 · 600 阅读 · 0 评论 -
reduce的介绍及用法
举例说明1.把数组合并为一个对象//正常使用forEach循环let arr = [{ a: 1, b: 10 }, { a: 2, b: 20 }, { a: 3, b: 30 }]let obj = {}arr.forEach((item, index) => { Object.keys(item).forEach(each => { obj[`${each}${index + 1}`] = item[each] })})console.lo转载 2022-05-23 22:03:54 · 549 阅读 · 0 评论 -
.map() .filter() .reduce() 的用法
.map()让我用一些简单的例子来解释它是如何工作的。 如果说你收到一组包含多个对象的数组,每个对象是一个 person。最终你只希望得到一个只包含 id 的数组。// What you havevar officers = [ { id: 20, name: 'Captain Piett' }, { id: 24, name: 'General Veers' }, { id: 56, name: 'Admiral Ozzel' }, { id: 88, name: 'Comma转载 2022-05-23 18:50:06 · 137 阅读 · 0 评论 -
js在循环遍历数组中删除指定元素踩坑( foreach.. for.. for..in.. )
//【1】filter()应用到数组上(修改上面的例子,去除为1的元素) let arr = [1, 1, 2] arr = arr.filter(item => { return item != 1 }) console.log(arr) // [2]//【2】filter()应用到数组对象上(去除对象数组num为0的产品) let arr = [ { productId: 1, productNam.转载 2022-03-23 18:24:53 · 526 阅读 · 0 评论 -
构造器模式------创建类模式
创建类模式就是:世间万物,把相似的东西联系起来,看他们能不能被同一种机器所生成。如果能,咱们就造一个机器放在那,然后去new这个机器,让机器自己去生成对象。原创 2021-12-01 21:01:51 · 239 阅读 · 0 评论 -
es6解构赋值和扩展运算符
其实不用es6我们以前也是可以做到的,比如数组:let arr = [1,2,3]let a = arr[0];let b = arr[1];let c = arr[2];console.log(a);console.log(b);console.log(b);比如对象:const obj = {name:'zhangsan',age:10,sex:'男'};let name = obj.name;let age = obj.age;let sex = obj.sex;原创 2021-11-25 21:41:17 · 651 阅读 · 0 评论 -
史上最易懂的ES6箭头函数详解
首先我们以es5的形式写一个方法:var one = function(){ return 'I am one';}console.log(one())那么,我们如何改成es6的写法呢?1.首先 先把 function删掉var one = (){ return 'I am one';}console.log(one())2.在小括号的右边加一个箭头var one = () => { return 'I am one';}consol.原创 2021-06-17 21:33:56 · 198 阅读 · 0 评论 -
几分钟搞明白Promise,Async,Await的用法
promise 将程序从异步 变成同步function one(){ return 'I am one'}function two(){ setTimeout(()=> { return 'I am two' },3000)}function three(){ return 'I am three'}function run(){ console.log(one()); console.log(two());原创 2021-06-17 21:14:42 · 439 阅读 · 2 评论 -
js:await 异常捕获方法
由于在使用 async…await 方法时,经常采用 try…catch 捕获异常,如果有多个异步操作,需要每一次书写 try…catch。这样代码的简洁性较差,为了使代码更加的优雅,我们通过使用 await-to-jsjs 库来处理异常。安装:npm install await-to-js --save 使用: 引入to方法:import to from "await-to-js"; const [err, res] = await to(getResLay转载 2021-06-10 17:06:04 · 1019 阅读 · 0 评论 -
转换后端返回的格式
后端返回格式:const arr = [ { '门禁1':1 }, { '门禁2':2 }, { '门禁3':3 }]把它变成key,value的形式const arr2 []arr1.map(res=>{ for(let key in res){ arr2.push( { name:key, v.原创 2020-12-15 15:58:48 · 326 阅读 · 0 评论 -
ES6中export和import详解(export定义了模块的对外接口后,其他JS文件就可以通过import来加载这个模块)
1.Export模块是独立的文件,该文件内部的所有的变量外部都无法获取。如果希望获取某个变量,必须通过export输出如:// profile.jsexport var firstName = "Michael";export var lastName = "Jackson";export var year = 1958;或者用更好的方式:用大括号指定要输出的一组变量如:// profile.jsvar firstName = "Michael";var lastName原创 2020-07-15 11:26:36 · 1791 阅读 · 2 评论 -
ES6之set用法
语法: set对象允许存储任何类型的唯一值,无论是原始值后者是对象引用;set对象是值的集合,元素只会出现一次,即Set中的元素是唯一的。值得注意的是,NaN被认为是相同的,{}被认为是不同的var set = new Set([{},{}])console.log(set.size) // 这边是长度是 2var set = new Set([NaN,NaN])console.log(set.size); // 这边的长度是 1Set.prototype....转载 2020-05-26 11:13:27 · 295 阅读 · 0 评论 -
Promise以及模块化以及class
var p = new Promise(function(resolve,reject) { //立即执行(异步) resolve(成功结束) ; 或 reject(失败结束); }) p.then(function(data) { console...原创 2018-10-11 15:01:53 · 562 阅读 · 0 评论 -
Object.keys和Object.values和Object.entries
let obj = { name:'terry', age:12, gender:'male'}var keys = Object.keys(obj); //打印出来的是值 name,age,gendervar values= Object.values(obj); //打印出来的是值 terry,12,malevar entries=...原创 2018-09-05 17:28:52 · 857 阅读 · 1 评论 -
babel初学
babel使用1. 安装babel npm install -g babel-cli2.设定转换规则npm install --save-dev babel-preset-latestnpm install --save-dev babel-preset-envnpm install --save-dev babel-preset-es2015npm ins...原创 2018-06-25 21:45:25 · 265 阅读 · 0 评论 -
vue如何导入外部js文件(es6)
这样包裹,然后在对应页面import引用记得不要加花括号了调用方法 fetch.getNewDate()转载 2018-04-17 16:23:12 · 1657 阅读 · 0 评论 -
30分钟掌握ES6/ES2015核心内容(下)
30分钟掌握ES6/ES2015核心内容(下)转载 2017-12-21 08:33:01 · 231 阅读 · 0 评论 -
ES6之模版字符串
ES6之模版字符串 最近在项目中使用了ES6的模版字符串,在这里加以总结。1.之前我们也可以使用JavaScript输出模版字符串,通常是下面这样的: $("#result").append( "He is <b>"+person.name+"转载 2018-09-27 10:23:11 · 455 阅读 · 0 评论 -
ES6之Class
ES5中通常通过构造函数和原型的组合形式来创建对象。在ES6中引入class作为对象模板写法如下://这边就是说的构造函数啦 function point(x, y){ this.x = x; this.y = y;}//这边就是说的创建原型啦point.prototype.toString = function() { return '[' + this...转载 2018-09-29 09:19:37 · 478 阅读 · 0 评论 -
后端返回数据,修改格式
需求是:把上面对象 变成下面那个数组方法如下:第一种:` let obj = { "DEALER":"经销商", "ASSOCIATION":"社群营销", "BIG_DATA":"大数原创 2018-12-03 15:06:24 · 1747 阅读 · 0 评论 -
js filter() es6 方法总结
1.创建一个数组,判断数组中是否存在某个值var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' }]console.log(newarr.filter(item => item.num===2 ))2.去掉空数组空字符串、undefined、nul...转载 2019-03-15 16:55:33 · 2064 阅读 · 0 评论 -
ES6的新方法实现数组去重
ES6里新添加了两个很好用的东西,set和Array.from。set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目。 var arr = [0,2,3,4,4,0,2]; console.log(new Set(arr))结果如下,但是这里大家可以看到,set返回的是一个对象,但是我们想要的是数组啊。那就再来一步: con...原创 2019-04-04 17:20:37 · 938 阅读 · 0 评论 -
ES6中map和set用法
一、mapMap是一组键值对的结构,具有极快的查找速度举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array;var names = ['Michael', 'Bob', 'Tracy'];var scores = [95, 75, 85];给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Arr...转载 2019-06-04 10:16:42 · 3243 阅读 · 1 评论 -
关于for...in和for...of的思考:遍历类数组的集合可以用强大的for...of,对象还是乖乖的用for...in
数据集合进行遍历,Array/Object/以及ES6新属性Map/Set,甚至String类型都是可遍历的。笨方法一:for(var index=0;index<arr.length;index++){ console.log(arr[index]);}笨方法二$.each(arr,function(index,value){ console.log("索...转载 2019-06-04 11:12:29 · 2345 阅读 · 3 评论 -
30分钟掌握ES6/ES2015核心内容(上)
30分钟掌握ES6/ES2015核心内容转载 2017-12-21 08:31:15 · 244 阅读 · 0 评论