JavaScript
高压锅_1220
宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒!
心中有阳光,脚下有力量!
展开
-
JS Set方法
entries(): 返回键值对;使用 Array.from 方法。values(): 返回键值;new Set()方式创建。使用 delete 方法。keys():返回键名;通过传入数组方式创建。原创 2022-11-03 16:55:43 · 2565 阅读 · 0 评论 -
JS 深拷贝常用方法
优点: 判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝。通过js的内置对象JSON来进行数组对象的深拷贝,无法实现对对象中方法的深拷贝。缺点:可以实现多层深度克隆,但是无法复制function。对象中只有一级属性,没有二级属性的时候,为深拷贝。对象中有对象的时候,在二级属性以后就是浅拷贝。缺点:进行深拷贝的不能为空,并且是对象。...转载 2022-08-29 17:05:24 · 164 阅读 · 0 评论 -
JS 对象深拷贝
如果已知克隆的对象的属性都是基本类型,如{name: ‘jack’, age: ‘18’},可以利用ES6的Object.assign()实现克隆。不过,采用这种方法克隆,只能克隆原始对象自身的值,不能克隆它继承的值。如果想要保持继承链,可以采用下面的代码。通过JSON.stringify() 和 JSON.parse() 将对象转为字符串之后在转为对象。该方法的局限性在于,当值为undefined、function、symbol会在转换过程中被忽略。注意:该方法的第一个参数必须是空对象。转载 2022-08-24 17:06:32 · 117 阅读 · 0 评论 -
JS 使用find 查找数组中某个元素
find()方法用于查找数组中符合条件的第一个元素,如果没有符合条件的元素,则返回undefined。转载 2022-08-18 09:49:42 · 3558 阅读 · 0 评论 -
JS 判断字符串中是否包含某某字符串
search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。exec() 方法用于检索字符串中的正则表达式的匹配。返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。test() 方法用于检索字符串中指定的值。转载 2022-08-23 14:54:55 · 291 阅读 · 0 评论 -
JS 数组过滤常用方法
【代码】JS 数组过滤常用方法。转载 2022-12-22 10:46:15 · 2594 阅读 · 0 评论 -
JS截取字符串 3种方法
1. String 定义了 3 个字符串截取的原型方法String 类型的截取字符串方法字符串方法说明slice()抽取一个子串substring()返回字符串的一个子串substr()抽取一个子串1.1 截取指定长度字符串substr() 方法能够根据指定长度来截取子字符串。它包含两个参数,第一个参数表示准备截取的子字符串起始下标,第二个参数表示截取的长度。// 示例1// 在下面示例中使用 lastIndexOf() 获取字符串的最后一个点号的下标位转载 2021-11-01 13:42:49 · 4303 阅读 · 0 评论 -
js map 、filter 、forEach 的用法
1. map 函数// 添加index let origin_arr = [ {"name": "zhangsan", "sex": "man"}, {"name": "lisi", "sex": "man"}, {"name": "wangwu", "sex": "feman"} ]let new_arr = origin_arr.map((item, index) => { return { ...item, index: index + 1 }})2.原创 2021-07-16 15:24:51 · 309 阅读 · 0 评论 -
js 判断字符串是否含有中文
1. 编写函数function Check_chinese(val){ var reg = new RegExp("[\\u4E00-\\u9FFF]+","g"); if(reg.test(val)){ alert("包含汉字!"); }else{ alert("不包含汉字!"); }}转载 2021-07-15 17:11:01 · 1064 阅读 · 0 评论 -
js 中 set 与 数组 相互转换
1. 定义setlet manage_ip = new Set();manage_ip.add(1)manage_ip.add(1)manage_ip.add(2)manage_ip.add(2)manage_ip.add(3)manage_ip.add(4)console.log(manage_ip.size);// 或者let manage_ip = new Set([1,2,3,4,4,]);2. set 与 数组 相互转换2.1 array --> set (数组原创 2021-07-15 17:09:13 · 1515 阅读 · 0 评论 -
Js 判断一个number数字是否在数组中
1. 使用includes方法let arr = [1,2,3,4,5,6,7,8,9];arr.includes(1) // truearr.includes(10) //false原创 2021-03-16 15:39:30 · 1407 阅读 · 1 评论 -
正则表达式 基本用法
1. 规则1.1 普通字符1.2. 非打印字符(不重要)1.3. 特殊字符1.4. 限定符1.5 定位符2 案例// 这里不使用 + 限定符,因为在第二个位置或后面的位置不一定需要有一个数字/[1-9][0-9]*/// 匹配 1~99 的正整数表达式如下:/[0-9]{1,2}/// 或者/[1-9][0-9]{0,1}/var a = "<h1>RUNOOB-菜鸟教程</h1>"var part1 = /<.*>/cons转载 2020-12-11 17:32:19 · 360 阅读 · 2 评论 -
JS 字符串截取方法slice、substring、substr的区别
1. slice() 截取slice() 方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下:stringObject.slice(start, end)var str = "0123456789";console.log("原始字符串:", str); console.log("从索引为3的字符起一直到结束:", str.slice(3)); //3456789console.log("从倒数第3个字符起一直到结束:", str.slice转载 2020-12-09 21:24:20 · 197 阅读 · 1 评论 -
JS 数据取交集、并集、差集
1. JS 数据取交集、并集、差集const arr1 = [1,2,3,4,5], arr2 = [5,6,7,8,9];// 交集let intersection = arr1.filter(function (val) { return arr2.indexOf(val) > -1 })// 并集let union = arr1.concat(arr2.filter(function (val) { return !(arr1.indexOf(val) > -1)转载 2020-11-05 19:55:24 · 1459 阅读 · 1 评论 -
Axios异步请求传参方式
1. get 请求let data ={ "a": "1", "b": "2"}this.$axios({ method: 'get', url: 'xxxxx', params: data, headers: { "Content-Type": "application/json", "Authorization", "XXXXX" }}).then(res =>{ console.log("success")}).catch(err =>{ console原创 2020-10-30 15:14:49 · 872 阅读 · 1 评论 -
JS中Math函数方法
1. Math.abs() 获取绝对值Math.abs(-13) = 132. Math.round() 表示四舍五入var a1 = 3.14;var a2 = 8.58;var a3 = -16.13;var a4 = -19.85;var r1 = Math.round(a1); // 结果 3var r2 = Math.round(a2); // 结果 9var r3 = Math.round(a3); // 结果 -16var r4 = Math.round(原创 2020-10-24 10:26:11 · 921 阅读 · 1 评论 -
JS数组转字符串
1. toString() 方法读取数组的值var a = [1,2,3,4,5,6,7,8,9,0]; //定义数组var s = a.toString(); //把数组转换为字符串console.log(s); //返回字符串“1,2,3,4,5,6,7,8,9,0”console.log(typeof s); //返回字符串string,说明是字符串类型var a = [1,2,3,4,5,6,7,8,9,0]; //定义数组var b = [1,2,3,4,5,6,7,8,9转载 2020-10-16 14:40:11 · 462 阅读 · 1 评论 -
JS 对对象操作
1. 清空对象中的值var obj={'key1':'value1','key2':'value2'} for(let key in obj){ obj[key] = '' }console.log(obj) //{'key1':'','key2':''}原创 2020-10-16 14:33:41 · 256 阅读 · 1 评论 -
JS 对小数进行格式化(保留小数,去除小数后的0)
1. 保留4位小数, 将百分数字符串转为小数,同时去掉末尾的0,然后*100,加上%号:// 保留4位小数, 将百分数字符串转为小数,然后*100,加上%号: 比如: str = 99.4560%var a = Number(Number(0.994560 * 100).toFixed(7)) var b = String(a) + '%'...原创 2020-09-25 11:25:38 · 2416 阅读 · 1 评论 -
js字典的操作
1. 字典的遍历var dic={"a": "AA", "b": "BB", "c":"CC"} //不能length去for循环(length:undefined)dic["D"]="DD"; //新增键值对var tmp=dic["D"]; //通过key获取值for (var key in dic) { var item = dic[key]; console.log(item); //AA,BB,CC,DD}...原创 2020-08-27 21:26:12 · 4146 阅读 · 1 评论 -
JS判断一个字符串是否在数组中
方法1:arr.indexOf(某元素):未找到则返回 -1。var number= ["A", "B", "AB", "ABC"];var a = number.indexOf("AB")if(a > -1){ console.log("表示数组中含有此字符串")}else{ console.log("不含有此字符串,a的值为-1")}方法2:arr.find()var arr = [1, 5, 10, 15]arr.find(function(value) { if(val原创 2020-07-27 20:32:38 · 45317 阅读 · 1 评论 -
使用DataTable,th和td没有同时X轴滚动,绑定两个滚动条同时滚动
1. 基本知识点:sroll()方法:当用户滚动指定的元素时,会发生 scroll 事件srollLeft():返回或设置匹配元素的滚动条的水平位置scrollTop() ::返回或设置匹配元素的滚动条的垂直位置案例:A和B绑定同时滚动<div> <div class="test"> <div class="A"> A is here!!! </div> </div>转载 2020-06-29 20:23:29 · 361 阅读 · 1 评论 -
js重新加载页面(包含frame页面)
1. 用JavaScript刷新上级页面和当前页面<script type="text/javascript"> //刷新上级页面 window.parent.main.document.location.reload(); //刷新当前页面 document.location.reload(); </script> 2. 引用frame或iframe元素window.frames[index] windows.frames["框架名"] windows.框架原创 2020-06-29 20:16:15 · 817 阅读 · 1 评论 -
javascript获取屏幕高度和宽度、监听屏幕大小改变
documentdocument.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 部分jQuery函数// 部分jQuery函数 $(window).height() //原创 2020-06-29 20:08:17 · 10821 阅读 · 2 评论 -
在Jquery中给一个对象动态追加key,value
var data = {};data['key1'] = "第一种";var variable = 'key2';data[variable] = "第二种";data.key3 = "第三种";console.log(data); //{key1: "第一种",key2: "第二种",key3: "第三种"}原创 2020-06-22 20:48:24 · 4216 阅读 · 2 评论 -
鼠标点在iframe页面内无法关闭父页面的select下拉框
为什么在子页面点击无法关闭父页面下拉框?答: 1. 通常在没有iframe时,当我们做一个下拉框的功能,当鼠标在页面上的其它位置点击一下时,这个下拉框就隐藏掉了,这个功能很容易做,给document绑定onmousedown或onclick即可。2. 如果页面上有iframe时,鼠标点击在iframe内时,包含iframe的document是不响应任何事件的,所以需要给iframe绑定类似的事件,当iframe指向的是第三方的内容时,还在考虑跨域的问题,因此通过操作iframe的document是行不转载 2020-06-22 20:37:13 · 971 阅读 · 1 评论