js-web建站教程

js从题库中随机抽取指定数的题目

2022年02月10日浏览(200)

var items = [{name:小白,age:23},{name:小白2,age:23},{name:小白3,age:23},{name:小白4,age:23},{name:小白5,age:23},{name:小白6,age:23},{name:小白7,age:23},{name:小白8,age:23},{name:小白9,age:23},{name:小白10,age:23}]; //抽取随机数组function getRandomArrayElements(arr, count) {var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index;while (i-- min) {index = Math.floor((i + 1) * Math.random());temp = shuffled[index];shuffled[index] = shuffled[i];shuffled[i]

js数组根据相同key合并并把id转数组输出

2022年02月07日浏览(87)

最终格式： var logs = [{examNos:[200904760062],id: 809bd3003dba,},{examNos:[200904760062,200904760060],id: 809bd3003dba1111,},{examNos:[200904760062,200904760060],id: 809bd3003dba,}] //修改examNo数组格式var otherUnionLogs = []for(var i=0; ilogs.length; i++){if(logs[i].examNos.length == 1){otherUnionLogs.push({examNo: logs[i].examNos.toString(),ruleId: logs[i].id.toString()})}else{for(j=0; jlogs[i].examNos.length; j++){otherUnionLogs.push({examNo: logs[i].examNos[j],ruleId: logs[i].id.

把多维数组children降维到平级

2022年01月29日浏览(193)

//把多维数组children降维到平级 1、数据 let data = [{hosp:北京一院,type:门诊,children:[{name1:1, num1:11},{name2:22,num2:23},{name3:32,num3:33},{name4:42,num4:43}]},{hosp:上海协和医院,type:住院,children:[{name1:a, num1:11},{name2:a2,num2:23},{name3:a3,num3:33},{name4:a4,num4:43}]}] 2、方法 let arr1 = []let arr2 = []let arr3 = []data.forEach(item={arr1.push({hosp:item.hosp,type:item.type,})arr2.push(Object.assign({},...item.children))arr3 = arr1.map((item, index) = {re

js数组把参数名和下标结合形成一个新的参数

2022年01月28日浏览(146)

var arr=[{name:122,age:12},{name:1122,age:122}]var arr2 = [] //方法1：for(var i=0; iarr.length; i++){arr2.push({[`name` + (i + 1)]:arr[i].name,[`age` + (i + 1)]:arr[i].age})} //方法2：var arr=[{name:122,age:12},{name:1122,age:122}]var arr2 = []arr.forEach((item, index)={arr2.push({[`name` + (index + 1)]:item.name,[`age` + (index + 1)]:item.age})}) console.log(输出结果,arr2)arr2 = [{age1: 12,name1: 122},{name2: 1122, age2: 122}]

js文字转语音插件（speechSynthesis）

2022年01月27日浏览(210)

1、参数介绍 var msg = new SpeechSynthesisUtterance();msg.rate = 4 播放语速msg.pitch = 10 音调高低msg.text = 播放文本msg.volume = 0.5 播放音量window.speechSynthesis.speak(msg); 2、调用方法 //播放window.speechSynthesis.speak();//暂停window.speechSynthesis.pause();//继续window.speechSynthesis.resume();//停止window.speechSynthesis.cancel(); 3、官网网址 https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis

js计算器时间差（天、时、分秒）

2022年01月26日浏览(194)

function twoTimeInterval(startTime, endTime) { // 开始时间 let d1 = startTime.replace(/\-/g, /); let date1 = new Date(d1); // 结束时间 let d2 = endTime.replace(/\-/g, /); let date2 = new Date(d2); // 时间相差秒数 let dateDiff = date2.getTime() - date1.getTime(); // 计算出相差天数 let days = Math.floor(dateDiff / (24 * 3600 * 1000)); // 计算出小时数 let residue1 = dateDiff % (24 * 3600 * 1000); // 计算天数后剩余的毫秒数 let hours = Math.floor(residue1 / (3600

ES6检查数组中是存在重复数据

2022年01月21日浏览(250)

1、ES6判断数组是否存在重复元素 let arr = [1, 2, 3, 4, 5, 2, 3];if ((new Set(arr)).size != arr.length) { console.log(数组有重复值)} 2、获取数组重复的元素 repeat(arr) { var tmp = []; if (Array.isArray(arr)) {arr .concat() .sort() .sort(function(a, b) {if (a == b tmp.indexOf(a) === -1) tmp.push(a); }); } return tmp;}, 想了解删除重复元素，请查看最简单的js数组去重方法

js一个接口执行完后传参给另一个接口执行

2022年01月19日浏览(125)

//方法一接口function configUrlCodeWebApi(callback){var webData = {}if (callback) {callback(webData) }})方法二接口configUrlCodeWebApi(function(apiData){executionInterfaceApi(apiData)})

javascript数组的五种降维写法

2022年01月18日浏览(146)

方法一、数组字符串化 let arr = [[222, 333, 444], [55, 66, 77], {a: 1} ]arr += ;arr = arr.split(,);console.log(arr); // [222, 333, 444, 55, 66, 77, [object Object]] 所有的元素会转换为字符串，且元素为对象类型会被转换为 [object Object] ，对于同一种类型数字或字符串还是可以的。方法二、递归 function reduceDimension(arr){ let ret = []; let toArr = function(arr){ arr.forEach(function(item){ item instanceof Array ? toArr(item) : ret.push(item

base64加密解密

2022年01月18日浏览(195)

function base64Encode (str) { return btoa(encodeURIComponent(str));}function base64Decode (str) { return decodeURIComponent(atob(str));}var b = base64Encode(web建站入门教程);var a = base64Decode(b);console.log(base64加密结果：,b); //返回d2ViJUU1JUJCJUJBJUU3JUFCJTk5JUU1JTg1JUE1JUU5JTk3JUE4JUU2JTk1JTk5JUU3JUE4JThCconsole.log(base64加密结果：,a); //返回web建站入门教程

HbuilderX用js判断是在app中执行还是移动

2022年01月15日浏览(123)

//判断是否在app中打开if (navigator.userAgent.indexOf(Html5Plus) 0) { //在浏览器打开 console.log(我来自非app)} else { //在app打开 console.log(我来自app)}

一个对象数组中根据相同id合并，对象转数组

2022年01月14日浏览(205)

基础数据 let eduLevelArray = [{id: "1",name: "张三",edu: "小学"},{id: "2",name: "李四",edu: "初中"},{id: "1",name: "张三",edu: "高中"},{id: "2",name: "李四",edu: "大学"},{id: "3",name: "王五",edu: "研究生"}]; 执行方法 let reArr = eduLevelArray.reduce((obj, item) => {if(obj[item.id]){ obj[item.id].edu.push(item.edu)}else{ item.edu = [item.edu] obj[item.id] = {...item}} return obj;}, {});//执行Object方法let mergedArray = Object.values(reArr);console.log(mergedArray

javascript中用replace替换对象中某个字符

2022年01月14日浏览(123)

var text = 你是我的家，我是你的他，今年十一去见他，一起去看他; //把所有他替换成它var result = text.replace(/\他/g,它); Ps:\为转义字符 g表示全局console.log(result) //结果输出

如何获取window.print()打印回调事件

2022年01月04日浏览(147)

//定义打印前事件 var beforePrint = function() {console.log(beforePrint);}; //定义打印后事件 var afterPrint = function() {console.log(afterPrint);}//监听window状态if (window.matchMedia) { var mediaQueryList = window.matchMedia(print); //为印添加事件 mediaQueryList.addListener(function(mql) { if (mql.matches) { beforePrint(); } else { afterPrint(); } }); }//打印前事件window.onbeforeprint = beforePrint;//打印后事件window.onafterprint = afterPrint;$(#print).click(fu

javascript20个简写技巧

2021年12月28日浏览(153)

Ps:Longhand表示常规写法，Shorthand表示简写形式 1、当同时声明多个变量时，可简写成一行 //Longhandlet x;let y = 20; //Shorthandlet x, y = 20; 2、利用解构，可为多个变量同时赋值 //Longhandlet a, b, c;a = 5;b = 8;c = 12;//Shorthandlet [a, b, c] = [5, 8, 12]; 3、巧用三元运算符简化if else //Longhand let marks = 26; let result; if (marks = 30) { result = Pass; } else { result = Fail; } //Shorthand let result = marks = 30 ? Pass : Fail; 4、使用

js判断数组的深度(几维数组)

2021年12月27日浏览(163)

用到了递归思路，从第一层一直去循环数组,从而获取当前数组是几维数组，代码如下： var arr = [1,2,3,[1,2,3,1,3,[1,2,3,6,4,[1,2,3,1]]],2]var arrNum = 1;//方法：function multiArr(arr){for (i=0;iarr.length;i++){if(arr[i] instanceof Array){arrNum++;arr = arr[i];multiArr(arr);}}return arrNum;}//输出结果：console.log(输出结果：,multiArr(arr));

JavaScript实用工具函数开发技巧

2021年12月26日浏览(214)

阻止冒泡事件 export const stopPropagation = (e) = { e = e || window.event; if(e.stopPropagation) { // W3C阻止冒泡方法 e.stopPropagation(); } else { e.cancelBubble = true; // IE阻止冒泡方法 } } 防抖函数 export const debounce = (fn, wait) = { let timer = null; return function() { let context = this, args = arguments; if (timer) { clearTimeout(timer); timer = null; } timer = setTimeout(() = { fn.apply(context, args); }, wait); };} 节流函数 export const throttle = (fn, dela

常用18个正则表达式

2021年12月24日浏览(94)

1、中文字符 var pattern = /[\u4e00-\u9fa5]/;var str = 建站教程;console.log(pattern.test(str)); 2、双字节字符 var pattern = /[^\x00-\xff]/;var str = 建站教程ipkd;console.log(pattern.test(str)); 3、空白行 var pattern = /\s/;var str = \n;console.log(pattern.test(str)); 4、 Email地址 var pattern = /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;var str = ipkd@163.com;console.log(pattern.test(str)); 5、网址URL var pattern = /^((https|http|ftp|rtsp|mms)?:\/\/)

数组flat()的用法

2021年12月24日浏览(142)

flat()方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。flat除了有扁平化嵌套数组之外还可以扁平化空项。实例： let a = [1,2,3,[4,5,[6,7]]]console.log(a.flat()) //默认扁平一层console.log(a.flat(2)) //扁平二层//输出结果[1, 2, 3, 4, 5, Array(2)][1, 2, 3, 4, 5, 6, 7]

js用正则删除第一个和最后一个斜杠

2021年12月21日浏览(154)

js用正则同时删除第一个和最后一个斜杠，如果只有第一个斜杠或只有最后一个斜杠也可以用。方法一： let arr = ["图像","报告","修改"];let name = '';for(let i=0; iarr.length; i++){name += arr[i] + /};name = name.replace(/^\/|\/$/g, "");console.log('结果输出：', name);//结果输出：图像/报告/修改方法二： var string = "/图像/报告/修改/";if (string.charAt(0) == "/") string = string.substr(1);if (string.charAt(string.length - 1) ==

7

常用标签

猜你喜欢