JavaScript
MrChkk
这个作者很懒,什么都没留下…
展开
-
JS Object遍历常用方式
Object.keys() // 遍历对象自有的可枚举属性,不包括继承自原型的属性和不可枚举的属性Object.values() // valueObject.getOwnProperty() // 遍历对象的自有属性,包括可枚举和不可枚举的属性,不包括继承自原型的属性。// for in 遍历对象的可枚举属性,包括自有属性、继承自原型的属性Object.entries() // 对象自身可枚举属性的键值对数组,不包括原型链...原创 2022-03-09 15:52:45 · 2885 阅读 · 0 评论 -
JS函数默认参数为对象,调用时不传参报错
updateGrid({resetPage = true, scrollTop = true}) { console.log(resetPage)}this.updateGrid() // 不传参数调用会报错:undefined prop "resetPage"// 正确写法updateGrid({resetPage = true, scrollTop = true} = {}) { console.log(resetPage)}...原创 2021-10-11 17:27:46 · 736 阅读 · 0 评论 -
使用appendChild()插入DOM节点后,立即执行Focus()获取焦点操作,结果不起作用
使用appendChild()插入DOM节点后,立即执行Focus()获取焦点操作,结果不起作用HTML<div class="content" id="content"></div>JSlet content = document.getElementById("content")let edit = document.createElement("div")content.appendChild(edit)// edit.focus() // 添加即可编辑se原创 2021-09-03 13:57:25 · 500 阅读 · 0 评论 -
forEach、for in 、 for of的区别
forEachforEach专门用来循环数组,对数组的每一个元素执行一次提供的函数(不能使用return、break、continue等中断循环,没有返回值),可以直接取到元素,同时也可以取到index值、数组。let arr = [1, 2, 3, 4, 5]arr.forEach(function(value, index, arr) { console.log(index + ':' + value) console.log(arr)})结果1:1(5) [1, 2, 3, 4,原创 2020-07-05 13:22:20 · 133 阅读 · 0 评论 -
JS的数组、set、map、json区别
Set数据结构与数组Set 对象类似于数组,但成员的值唯一。const arr = [1, 2, 3, 4, 4, 3, 2, 1];const set = new Set();arr.forEach(item => set.add(item));console.log(set); // 1, 2, 3, 4, 5console.log([...new Set(arr)]); //[1, 2, 3, 4, 5],数组快速去重Map数据结构和JSONJSON 和 Map类似,它们的原创 2020-07-03 13:23:05 · 1380 阅读 · 0 评论 -
Map数据结构---跟内存绑定的键
1、只有对同一个对象的引用,Map 结构才将其视为同一个键const map = new Map();map.set(['a'], 555);map.get(['a']) // undefined上面代码的set和get方法,表面是针对同一个键,但实际上这是两个不同的数组实例,内存地址是不一样的,因此get方法无法读取该键,返回undefined。同理,同样的值的两个实例,在 Map 结构中被视为两个键。const map = new Map();const k1 = ['a'];co转载 2020-07-03 11:08:53 · 196 阅读 · 0 评论 -
JavaScript NaN 属性
定义NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。用法1、可以把 Number 对象设置为该值,来指示其不是数字值。2、说明某些算术运算(如求负数的平方根)的结果不是数字。方法 parseInt() 和 parseFloat() 在不能解析指定的字符串时就返回这个值。3、NaN 与所有值都不相等,包括它自己。...原创 2020-06-30 19:40:34 · 136 阅读 · 0 评论 -
JavaScript splice() 方法
JavaScript splice() 方法作用删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。语法arrayObject.splice(index,howmany,item1,.....,itemX)参数index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置.howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, …, itemX 可选。向数组添加的新项目。注意会改变原始数组原创 2020-06-05 00:39:35 · 141 阅读 · 0 评论 -
你不一定知道的三元表达式用法(JavaScript)
你不一定知道的三元表达式用法(JavaScript)1、常见用法表达式 ? 真结果 : 假结果vMax = v1 >= v2 ? 666 : 999运算符 “ > , ==, <, >=, <= " 返回的结果为 true 或 false所以我们常认为结果为 true 或 false 的时候才能使用三元表达式2、少见用法当遇到下面这种情况时,表达式正确吗?var arr = '' // int arr = ''arr = arr ? '原创 2020-06-04 20:44:49 · 276 阅读 · 0 评论