JavaScript小工具12

最新推荐文章于 2022-04-10 16:41:19 发布
最新推荐文章于 2022-04-10 16:41:19 发布
阅读量127 收藏
点赞数
分类专栏： toolsJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DH2264664169/article/details/84619105
版权

四舍五入round（）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮舍入与“2.5”最接近的整数</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML=Math.round(2.5);
}
</script>

</body>
</html>

返回5到10之间的最大值

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮返回5到10之间的最大值。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML=Math.max(5,10);
}
</script>

</body>
</html>

使用了 Math 对象的 floor() 方法和 random() 来返回一个介于 0 和 11 之间的随机数：

document.write(Math.floor(Math.random()*11));

上面的代码输出为：

5

对于伪随机数，JS 有很多种玩法来生成我们所需要的伪随机数。

根据上下限生成随机数：

var rand = (min,max) => Math.round(Math.random()*(max-min))+min;
//Max为最大值，Min为最小值

根据概率随机生成 bool 值：

function randBool(percent=0.5){
  //percent为概率，默认0.5（50%）。
  if(Math.random()<percent)//如果随机数小于概率值，返回true，否则返回false。
    return true;
  else
    return false;
}

随机生成指定字符：

function randChar(length,characters="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"){
  //length为所需长度，characters为所包含的所有字符，默认为字母+数字。
  characters=characters.split("");//分割字符。
  result="";//返回的结果。
  while(result.length<length) result+=characters[Math.round(Math.random()*characters.length)];
  return result;
}

随机生成字符的另一种玩法：

function randCharAnother(length,rangeMin=0x80,rangeMax=0x7FF){
  //length长度，rangeMin为最小Unicode码，rangeMax为最大Unicode码。
  result="";
  while(result.length<length) result+=String.fromCharCode(Math.round(Math.random()*(rangeMax-rangeMin))-rangeMin);
  return result;
}

随机从数组中取出一个东东：

Array.prototype.pick = function(){
  //不能为 ()=>{/*函数*/}，否则this会指向Window。
  return this.length?Math.round(Math.random()*(this.length-1)):undefined;//如果长度为0，返回undefined。
}

正则表达式

在字符串中不区分大小写找"runoob"

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var str = "Visit RUnoob";
var patt1 = /runoob/i;
document.write(str.match(patt1));
</script>

</body>
</html>

全文查找 "is"

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var str="Is this all there is?";
var patt1=/is/g;
document.write(str.match(patt1));
</script>

</body>
</html>

全文查找和不区分大小写搜索 "is"

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var str="Is this all there is?";
var patt1=/is/gi;
document.write(str.match(patt1));
</script>

</body>
</html>

test()

test()方法搜索字符串指定的值，根据结果并返回真或假。

下面的示例是从字符串中搜索字符 "e" ：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
</script>

</body>
</html>

当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var str = 'runoob';
var patt1 = new RegExp('\\w', 'g'); // 有转义作为正则表达式处理
var patt2 = new RegExp('\w', 'g');  // 无转义作为字符串处理
var patt3 =/\w+/g;  // 与 patt1 效果相同
document.write(patt1.test(str)) //输出 true
document.write("<br>") 
document.write(patt2.test(str)) //输出 false
document.write("<br>") 
document.write(patt3.test(str)) //输出 true
</script>

</body>
</html>

exec()

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

下面的示例是从字符串中搜索字符 "e" ：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var patt1=new RegExp("e");
document.write(patt1.exec("The best things in life are free"));
</script>

</body>
</html>

 

DH2264664169
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js javaScript 验证校验小工具包
02-25
js javaScript 验证校验小工具包
JavaScript开发工具 共享
03-15
NULL 博文链接：https://lym6520.iteye.com/blog/317547
正则表达式新手入门笔记（一）
weixin_52450702的博客
04-10 459
正则表达式 描述了一种字符串匹配的模式，可以用来检查一个串 是否含有某种子串、 将匹配的子串替换 或者从某个串中取出符合某个条件的子串等。 本章节就来写一下入门正则表达式的收获内容。 首先我们先从正则表达式的语法入手。先看几个小例子 var str = “good morning”; var patt1 = /[abmno]/g; document.write(str.match(patt1)); 匹配[ ]中的多有字符，输出的字符为：o,o,m,o,n,n var str = “good morni
正则表达式（二）
timeless的博客
11-16 441
[abc] 查找方括号之间的任何字符。 var str="Is this all there is?"; var patt1=/[a-h]/g;  console.log(str.match(patt1));     [^abc] 查找任何不在方括号之间的字符。 var str="hello jikexueyuan!"; var patt1=/[^jike]/g; conso
JavaScript的压缩工具
这里是前端，是不一样的前端
02-16 2603
一、压缩工具 JavaScript 构建过程的一个重要环节就是压缩输出，剔除多余字符。这样可以保证只将最少的字节 量传输到浏览器进行解析，用户体验会更好。有不少压缩工具，它们的压缩率有所不同。 1.1 Uglify Uglify 现在是第 3 版①，是可以压缩、美化和最小化 JavaScript 代码的工具包。它可以在命令行运行， 可以接收极为丰富的配置选项，实现满足需求的自定义压缩。 1.2 Google Closure Compiler 虽然严格来讲并不是压缩工具，但 Google Closure Co
在线Javascript加密混淆工具
Linux,Java,SpringBoot,Python,Lua略知一点
03-31 3679
在线Javascript加密混淆工具 在线Javascript加密混淆工具 在线Javascript Obfuscator 使 javascript 代码更难阅读以保护它。该工具提供了四种使用工具。你可以压缩或格式化你的代码，也可以使用 eval 混淆你的代码并对其进行解码。混淆的 javascript 代码在你的工作中使用时效果很好。 在线Javascript Obfuscator 使 javascript 代码更难阅读以保护它。该工具提供了四种使用工具。你可以压缩或格式化你的代码，也可以使用 ev
微信小程序JavaScript判断值是否为空工具类方法
小歲月丶太着急
06-01 4453
因为JS 中判断一个字段是否为空非常复杂，涉及到undefined等多种情况，特此写了一个工具类方法，使用简单，判断全面，避免重复造轮子~ /** * 用于判断空，Undefined String Array Object Number boolean */ function isNull(str) { if (Object.prototype.toString.call(str) === '[object Undefined]') { //空 return true } else if
JavaScript常用工具函数大全
10-15
主要介绍了JavaScript常用工具函数,汇总整理了各种JavaScript常用工具函数,包括获取、判断、转换、设置等相关功能函数的定义与使用方法,需要的朋友可以参考下
JavaScript 代码压缩工具小结
01-19
UglifyJS UglifyJS是构建于nodeJS服务器端之上的一个代码压缩工具，目前jQuery使用它来压缩，压缩效果比较好。 GitHub主页：http://github.com/mishoo/UglifyJS/ 在线使用：http://marijnhaverbeke.nl/uglifyjs 使用...
JavaScript调试工具汇总
12-12
　下面这几个基于桌面和WEB的JavaScript调试工具，能让你更高效地调试JavaScript代码，这样就可以： 更有效地处理动态类型使应用程序更符合编码标准　 Firebug 　Firebug已经出现很多年了，它为那些主要在Firefox上...
JS 正则匹配（RegExp）
热门推荐
墨痕诉清风的博客
09-15 4万+
例如，/a{1,3}/ 不匹配 "cndy"，匹配 "candy," 中的 "a"，"caandy," 中的两个 "a"，匹配 "caaaaaaandy" 中的前面三个 "a"。例如，/a{2}/ 不匹配 "candy," 中的 "a"，但是匹配 "caandy," 中的两个 "a"，且匹配 "caaandy." 中的前两个 "a"。例如，/a{2,}/ 不匹配 "candy" 中的 "a"，但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。返回值是被找到的值。
WEB开发者必备的7个JavaScript函数
weixin_33850890的博客
12-22 93
防止高频调用的debounce函数 这个debounce函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数。如果你在使用scroll,resize,key*等事件触发执行任务时不使用降频函数，也行你就犯了重大的错误。下面这个降频函数debounce能让你的代码变的高效： // 返回一个函数，that, as long as it continues to be inv...
正则表达式：入门1.1
胡世林的博客
05-30 577
正则表达式入门1.1
node-v0.8.10-sunos-x64.tar.gz
最新发布
05-16
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
【课程设计】实现的金融风控贷款违约预测python源码.zip
05-16
【课程设计】实现的金融风控贷款违约预测python源码.zip
node-v0.10.27-x86.msi
05-16
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
javascript加密工具
07-20
有一些常用的 JavaScript 加密工具可以帮助你对代码进行加密处理。以下是几个比较常见的工具： 1. UglifyJS：UglifyJS 是一个广泛使用的 JavaScript 压缩工具，可以将代码进行压缩和混淆，删除空格、换行和注释等...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值