ECMAScript
文章平均质量分 57
云胡不喜?
无舟难自渡,无解不疯魔
展开
-
ES6内置对象 - Set
es6提供的一种数据结构,类似数组,是一个集合,可以存储任何类型的元素且唯一、不重复,so,多用于元素去重。Set取数据不能用下标取,而是用遍历取。如上图,Set数据结构自带一些方法。原创 2024-02-22 19:53:32 · 613 阅读 · 0 评论 -
构建一个虚拟DOM并转换为真实DOM
关于真实DOM与虚拟DOM1.在学习虚拟DOM之前,让我们先来了解一下真实的DOM结构,这里不得不提的是关于浏览器渲染方面的知识。 当浏览器拿到一个HTML文件,首先会根据HTML文件构建出一个DOM树来,并行加载CSS文件,图片,JS脚本,值得注意的是DOM树的渲染和CSSOM渲染是并行执行的,而不是串行进行的。 (JS脚本需要在html尾部加载,或是写入window.onload方法里,让DOM加载完成后再去加载JS脚本,防止进程阻塞,JS脚本是同步加载的)。 在构建完DOM树和C.转载 2021-12-16 17:28:26 · 934 阅读 · 0 评论 -
forEach-关于跳出循环
forEach(1)不能使用 continue 和 break !(for可以-continue过滤当前循环;break直接终止循环,跳出整个循环)(2)使用return,只能跳出当前循环,并不能跳出整个循环,更不会终止循环。(3)通过抛出异常的方式可以实现终止循环,跳出整个循环,如下示例:let arr = [{a:'1',b:'2',c:'3'},{a:'11',b:'22',c:'33'}];try { arr.forEach((val) => { i原创 2021-04-27 16:46:18 · 2514 阅读 · 0 评论 -
JS-循环清空对象 && 判断数据类型的5种常用方法
应用场景:一个页面具有大量数据录入功能,在数据录入保存成功之后,需要刷新页面,即清空所有的数据。因为我把所有的字段定义到一个对象中,所以要清空这个对象,如果字段少,可以直接赋值清空,但是数据多的时候,直接赋值清空,就会产生大量的冗余代码,导致代码看起来多而乱,不好看,所以要写个函数循环清空(// TODO)。针对我的需求,我可以不用判断数据的类型了,因为我知道它就是一个对象;但是,想兼容更完善的话,首先需要判断要清空的数据类型。JS的数据类型有7种://JS的数据类型有7种:number,原创 2020-07-16 16:11:19 · 1818 阅读 · 0 评论 -
ES6新功能-模板字符串
ES6新功能-模板字符串 VS 传统JS字符串拼接原创 2018-11-22 14:49:52 · 661 阅读 · 0 评论 -
JS:两个json数组合并、去重,以及删除某一项元素
两个json数组合并去重,以及删除某一项元素let ha = [ {id:'H',name:'3'}, {id:'A',name:'6'}, {id:'B',name:'14'}, {id:'C',name:'60'} ];let hb= [ {id:'H',name:'2'}, {id:'A',name:'6'}, {id:'B',name:'16'}...原创 2018-10-17 12:41:36 · 16843 阅读 · 1 评论 -
JS数组遍历-forEach()、map()方法
[{a:'1',b:'11'},{a:'2',b:'21'},{a:'3',b:'31'}].forEach((item, index, array) => { let c = ''; let d = '21'; c = d == item.b ? item : ''; console.log(c)}) // 列表页展示 searchRulesByPage(...原创 2018-10-19 11:26:15 · 5205 阅读 · 0 评论 -
JavaScript、ES5和ES6的介绍和区别
2015年6月17日,ECMAScript 6发布正式版本,即ECMAScript 2015。对于ES6和ES5,你了解多少?这篇文章讲了JavaScript,ES5,ES6的一些介绍和区别,挺详细的,结尾附录:ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事?以下来自:http://www.cnblogs.com/lovesong/p/4908871....转载 2018-03-16 18:34:29 · 397 阅读 · 0 评论