JS 方法
又恐琼楼玉宇
今年要发财
展开
-
js: getElementsByClassName和getElementById的区别
document.getElementsByClassName()返回的是数组使用:document.getElementsByClassName(“className”)[0].innerText=‘具体内容’document.getElementById()返回的是单个元素使用:document.getElementById(“id”).innerText=‘具体内容’...原创 2022-04-22 11:36:07 · 364 阅读 · 0 评论 -
echarts水球图
echarts水球图链接:https://github.com/ecomfe/echarts-liquidfill#api原创 2021-04-21 11:52:52 · 125 阅读 · 0 评论 -
各种数据类型及其对应的转换规则
Boolean()函数:数据类型转换为true的值转换为false的值BooleantruefalseString任何非空字符串“”空字符串Number任何非零数字值(包括无穷大)0和NANObject任何对象nullundefinedn/a(not applicable,即‘不适用’)undefined数值转换:Number()、parseInt()、parseFloat()Number()函数:数据类型返回值原创 2020-07-10 09:14:55 · 321 阅读 · 0 评论 -
数组对象通过属性值大小排序
sort() 方法:var arr = [{name:'Sharon',age:18},{name;'Kris', age:20}];var compare = function (prop) { return function (a, b) { var val1 = a[prop]; var val2 = b[prop]; if (v...原创 2020-03-27 16:30:03 · 442 阅读 · 0 评论 -
javascript void
void 操作符指定要计算一个表达式但是不返回值。/* 当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。 */<a href="javascript:void(0)">单击此处什么也不会发生</a>/* void()仅仅是代表不返回任何值,但是括号内的表达式还是要运行,如 */void(alert("Warnning!"...原创 2020-03-14 10:29:31 · 312 阅读 · 0 评论 -
JavaScript let和const
ES2015(ES6)新增加了两个重要的JavaScript关键字:let 和 const。let 声明的变量只在let命令所在的代码块内有效。const声明一个只读的常量,一旦声明,常量的值就不能改变。const定义常量与使用let 定义的变量相似:二者都是块级作用域都不能和它所在作用域内的其他变量或函数拥有相同的名称两者还有以下两点区别:const声明的常量必须初始化,...原创 2020-03-14 09:59:02 · 104 阅读 · 0 评论 -
JavaScript typeof操作符
1、typeofNaN 的数据类型是 number数组(Array)的数据类型是 object日期(Date)的数据类型为 objectnull 的数据类型是 object未定义变量的数据类型为 undefinedtypeof [1, 2, 3, 5]; // 返回objecttypeof new Date(); // 返回 objecttypeof NaN; // 返回...原创 2020-03-13 11:16:03 · 125 阅读 · 0 评论 -
JavaScript Array对象
Array 对象方法1. concat()连接两个或更多的数组,并返回结果。var a = [1,5,9];var b = [7,5,3];b.concat(b,a); // [7, 5, 3, 7, 5, 3, 1, 5, 9]2. join()把数组的所有元素放入一个字符串。元素通过指定的分割符进行分割。语法:arrayObject.join(separator)...原创 2020-03-13 08:58:44 · 102 阅读 · 0 评论 -
js中删除数组元素的方法汇总
1、splice()用于添加或删除数组中的元素。注意:这种方法会改变原始数组。var sites = ['runn','google','taobao'];sites.splice(2,1); // 删除一个,返回删除元素的数组。['taobao'] sites.splice(2,0); //删除0个,返回空数组。[]语法:arr.splice(index, num, ite...原创 2020-03-11 17:13:13 · 315 阅读 · 0 评论 -
js for循环、forEach()、switch等循环
var arr = ['alon','lili','lisa','jenny','jiso'];1. for…of 循环的是valuefor(var item of arr){ console.log('yi',item);}// 返回的是: 'alon','lili','lisa','jenny','jiso'2. for…in 循环的是下标for(var index i...原创 2020-03-11 12:05:10 · 763 阅读 · 0 评论 -
jQuery属性操作 -- attr()
attr() 方法设置或返回被选元素的属性值。<div id="demo" isvalid="yes" data-id="112757"></div>获取自定义属性isvalid的值$('#demo').attr('isvalid');// 获取data-id的值$('#demo').data('id');修改自定义属性isvalid的值$(...原创 2020-03-10 18:41:32 · 390 阅读 · 0 评论 -
js删除数组中的某个对象
根据 keyid 删除数组中对应 Id 对象var keyid = 'str6-986';var tableData = [ {Id:'6789-201','Type':'试产'}, {Id:'str6-986','Type':'量产'}, {Id:'o786-112','Type':'试产'}];for(var i=0; i<tableData.length; i++){ ...原创 2020-03-06 18:55:16 · 11740 阅读 · 0 评论 -
js计算数组中某个元素重复出现的个数
文章转载自https://blog.csdn.net/lixiaoyan93/article/details/887193331、计算特定值的重复个数let counts = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0); console.log('数组counts中"李"出现的次数是:...转载 2020-03-06 14:25:47 · 2207 阅读 · 0 评论 -
js取两个数组对象的并集
1、通过id,把cArr放入aArr,取并集 var aArr = [ {id:'sa8523', name:'uzi',color:'blue'}, {id:'ys4621', name:'pdd',color:'white', age:12}, {id:'ys4621', name:'pdd'...原创 2020-03-06 11:57:23 · 2876 阅读 · 0 评论 -
js去除数组对象中的重复对象
1、根据数组对象中的id作比较,id相同的去掉。var arr = [ { DocESOPTerminalId: "632cffab-4d49-45da-9ef7-af263914b6f9", LocationName: "测试列", FactoryId: "9c895538-6cf0-49a9-aca0-89531936118e", WorkShopId: "1b29ff90...原创 2020-03-06 09:58:20 · 17675 阅读 · 4 评论 -
js 应用题(一)
通过一个id把两个数组结合在一起 var keyvalue = 'str123456'; var perArr = [ {name:'sharon',age:12,sex:'女'}, {name:'kris',age:12,sex:'女'}, ]; var docArr = [ {Id:'str123456',LocationName:'北京',Type:'页...原创 2020-03-05 19:12:58 · 286 阅读 · 0 评论 -
删除对象的某个属性值
使用 delete obj.name var drr = [ { DocEsopDrawingId: "7c72a6e4-677d-465a-aa65-24949e5f7d5a", DocEsopDrawingCode: "a24", Process: "test1", CustomerName...原创 2020-03-05 17:25:46 · 2197 阅读 · 0 评论 -
js 在数组中查找是否存在某一个数值
1. indexOf() -> ES5const array = ['apple', 'banance', 'orange']array.indexOf('apple') // 0 存在array.indexOf('strawBerry') // -1不存在2. find() -> ES6const array = ['apple', 'banance...转载 2020-03-03 15:41:06 · 1139 阅读 · 0 评论 -
获取H5自定义属性data-的值
<div id="demo" data-tab="0"></div>第一种:var demoDiv = document.getElementById("demo");var tab = demoDiv.getAttribute("data-tab");第二种:var tab = $('#demo').data('tab');第三种:var tab =...原创 2020-03-03 11:12:54 · 431 阅读 · 0 评论 -
窗口自适应
$(window).resize(function(e){ window.setTimeout(function () { $('#gridTable').setGridWidth(($('.gridPanel').width())); $('#gridTable').setGridHeight($(window).height() - 136.5); ...原创 2020-02-28 11:24:22 · 187 阅读 · 0 评论 -
正则表达式
数字:[0-9] ==> \d字母:[A-Za-z]字母数字或下划线:[A-Za-z0-9_] ==> \w汉子:[\u4e00-\u9fa5]空字符:\s 包括:空格,tab ... ...通配符:. 下标点,等效于任何字符不能输入汉字:<input type="text" onkeyup="value=value.replace(/[\u4e00-\u9fa...原创 2020-02-14 11:18:45 · 149 阅读 · 0 评论 -
JS 本地缓存sessionStorage
sessionStorage的使用// 保存sessionStorage.setItem('key','value');// 获取var data = sessionStorage.getItem('key');// 删除保存的数据sessionStorage.removeItem('key');// 从sessionStorage删除所有保存的数据sessionStorag...原创 2020-02-13 14:58:16 · 413 阅读 · 0 评论