Java学习-17 正则表达式简述

最新推荐文章于 2023-05-05 17:35:42 发布
最新推荐文章于 2023-05-05 17:35:42 发布
阅读量507 收藏 3
点赞数
分类专栏： 学习笔记 文章标签： 正则表达式 java js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/deemo_hui/article/details/108187841
版权

Java学习-17 正则表达式

1、什么是正则表达式？

正则表达式是构成搜索模式（search pattern）的字符序列。
当您搜索文本中的数据时，您可使用搜索模式来描述您搜索的内容。
正则表达式可以是单字符，或者更复杂的模式。
正则表达式可用于执行所有类型的文本搜索和文本替换操作。

2、JavaScript RegExp 对象

RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。

2.1、语法

直接量语法：
/pattern/attributes
创建 RegExp 对象的语法：
new RegExp(pattern, attributes);

  • 参数
    • 参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。
    • 参数 attributes 是一个可选的字符串，包含属性 “g”、“i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。
  • 返回值
    • 一个新的 RegExp 对象，具有指定的模式和标志。如果参数 pattern 是正则表达式而不是字符串，那么 RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象。
    • 如果不用 new 运算符，而将 RegExp() 作为函数调用，那么它的行为与用 new 运算符调用时一样，只是当 pattern 是正则表达式时，它只返回 pattern，而不再创建一个新的 RegExp 对象。
  • 抛出
    • SyntaxError - 如果 pattern 不是合法的正则表达式，或 attributes 含有 “g”、“i” 和 “m” 之外的字符，抛出该异常。
    • TypeError - 如果 pattern 是 RegExp 对象，但没有省略 attributes 参数，抛出该异常。

2.2、修饰符

修饰符描述
i执行对大小写不敏感的匹配。
g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m执行多行匹配。

2.3、方括号

方括号用于查找某个范围内的字符：

表达式描述
[abc]查找方括号之间的任何字符。
[^abc]查找任何不在方括号之间的字符。
[0-9]查找任何从 0 至 9 的数字。
[a-z]查找任何从小写 a 到小写 z 的字符。
[A-Z]查找任何从大写 A 到大写 Z 的字符。
[A-z]查找任何从大写 A 到小写 z 的字符。
[adgk]查找给定集合内的任何字符。
[^adgk]查找给定集合外的任何字符。
(red|blue|green)查找任何指定的选项。

2.3、元字符

元字符（Metacharacter）是拥有特殊含义的字符：

元字符描述
.查找单个字符，除了换行和行结束符。
\w查找单词字符。
\W查找非单词字符。
\d查找数字。
\D查找非数字字符。
\s查找空白字符。
\S查找非空白字符。
\b匹配单词边界。
\B匹配非单词边界。
\0查找 NUL 字符。
\n查找换行符。
\f查找换页符。
\r查找回车符。
\t查找制表符。
\v查找垂直制表符。
\xxx查找以八进制数 xxx 规定的字符。
\xdd查找以十六进制数 dd 规定的字符。
\uxxxx查找以十六进制数 xxxx 规定的 Unicode 字符。

2.4、量词

量词描述
n+匹配任何包含至少一个 n 的字符串。
n*匹配任何包含零个或多个 n 的字符串。
n?匹配任何包含零个或一个 n 的字符串。
n{X}匹配包含 X 个 n 的序列的字符串。
n{X,Y}匹配包含 X 至 Y 个 n 的序列的字符串。
n{X,}匹配包含至少 X 个 n 的序列的字符串。
n$匹配任何结尾为 n 的字符串。
^n匹配任何开头为 n 的字符串。
?=n匹配任何其后紧接指定字符串 n 的字符串。
?!n匹配任何其后没有紧接指定字符串 n 的字符串。

2.5、RegExp 对象属性

属性描述FFIE
globalRegExp 对象是否具有标志 g。14
ignoreCaseRegExp 对象是否具有标志 i。14
lastIndex一个整数，标示开始下一次匹配的字符位置。14
multilineRegExp 对象是否具有标志 m。14
source正则表达式的源文本。14

2.6、RegExp 对象方法

方法描述FFIE
compile编译正则表达式。14
exec检索字符串中指定的值。返回找到的值，并确定其位置。14
test检索字符串中指定的值。返回 true 或 false。14

2.7、支持正则表达式的 String 对象的方法

方法描述FFIE
search检索与正则表达式相匹配的值。14
match找到一个或多个正则表达式的匹配。14
replace替换与正则表达式匹配的子串。14
split把字符串分割为字符串数组。14

3、代码演示

1、简单的方括号和量词使用

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript中的正则表达式</title>
</head>
<body>
    <h1>JavaScript中的正则表达式</h1>
</body>
<script>
    //正则的使用
    var str = "wert45678yuiytrew";
    //使用正则匹配子串str中的数字
    console.log(str.match(/[0-9]+/));

    //使用RegExp创建一个正则对象
    var pat = new RegExp("[0-9]+");
    console.log(str.match(pat));
    console.log(pat.exec(str));
    //以上三个返回结果一致：["45678", index: 4, input: "wert45678yuiytrew", groups: undefined]

    console.log("==============================");

    //正则搜索
    console.log(str.search(/[0-9]+/)); //4 返回首次匹配位置 ，没有返回-1
    console.log(str.search(pat)); //4 返回首次匹配位置 ，没有返回-1
    console.log(pat.test(str)); //true 返回是否匹配

    //匹配多个
    console.log("==============================");
    var str = "wert45678yui456ytr678ew";

    console.log(str.match(/[0-9]+/)); //默认只匹配一次
    console.log(str.match(/[0-9]+/g)); //(3) ["45678", "456", "678"] 使用g修饰符 匹配所有


</script>
</html>

2、对象方法使用

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript中的正则表达式</title>
</head>
<body>
    <h1>JavaScript中的正则表达式</h1>
</body>
<script>
    //正则的使用
    var str = "wer245ty4d56fg78hj987k";
    //使用正则匹配子串str中的数字
    //console.log(str.match(/[0-9]/g)); //匹配任意一位数字
    //console.log(str.match(/[0-9][0-9]/g)); //匹配任意两位数字
    //console.log(str.match(/[0-9]{2}/g)); //匹配任意两位数字
    //console.log(str.match(/[0-9][0-9][0-9]/g)); //匹配任意三位数字
    //console.log(str.match(/[0-9]{3}/g)); //匹配任意三位数字
    //console.log(str.match(/[0-9]{2,3}/g)); //匹配任意两位或三位数字
    //console.log(str.match(/\d{2,3}/g)); //匹配任意两位或三位数字
    
    console.log(str.match(/\d+/g)); //匹配至少一位数字
    console.log(str.match(/\d{1,}/g)); //匹配至少一位数字
    console.log(str.match(/[0-9]{1,}/g)); //匹配至少一位数字

    //\d{1,}  [0-9]{1,}  \d+  [0-9]+ 都表示至少一位的数字

    //精确匹配
    var pat = new RegExp("[0-9]+");
    console.log(pat.test("er2567thj")); //true 匹配子串中是否含有数字

    var pat = new RegExp("^[0-9]+");
    console.log(pat.test("er2567thj")); //false 匹配子串中是否是以数字开头
    console.log(pat.test("2567thj"));   //true 匹配子串中是否是以数字开头

    var pat = new RegExp("[0-9]+$");
    console.log(pat.test("er2567thj")); //false 匹配子串中是否是以数字结尾
    console.log(pat.test("wer2567"));   //true 匹配子串中是否是以数字结尾

    var pat = new RegExp("^[0-9]+$");
    console.log(pat.test("2567thj"));   //false 匹配子串中是否是纯数字
    console.log(pat.test("wer2567"));   //false 匹配子串中是否是纯数字
    console.log(pat.test("2567"));   //true 匹配子串中是否是纯数字

    var pat2 = new RegExp("^[0-9]{6}$"); //精确匹配任意6位数字
</script>
</html>

3、replace和split中的正则

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript中的正则表达式</title>
</head>
<body>
    <h1>JavaScript中的正则表达式分割和替换</h1>
</body>
<script>
    var str = "23:45:67:89:87:63";
    console.log(str.split(":")); //(6) ["23", "45", "67", "89", "87", "63"] 使用子串拆分

    str = "23:45;67:89!87#63";
    console.log(str.split(/[^0-9]/)); //(6) ["23", "45", "67", "89", "87", "63"] 使用正则拆分


    str = "23:45;67:89!87#63";
    //将上面子串中的分隔符统一替换成逗号，
    console.log(str.replace(/[^0-9]/g,",")); //23,45,67,89,87,63

    str = "<b>aaa</b><b>bb>b</b><b>ccc</b>";
    //将上面子串中的<b></b>标签替换成<i></i>   下面其中$1表示重复正则中第一个小括号中内容
    console.log(str.replace(/<b>(.*?)<\/b>/g,"<i>$1</i>")); //.*是贪婪匹配（最大） .*?是拒绝贪婪匹配（最小）

    console.log("=========================================");

    str = "04/28/2020"; //西方日期格式，请使用正则替换成中国的[年-月-日]格式
    console.log(str.replace(/(\d{2})\/(\d{2})\/(\d{4})/,"$3-$1-$2"));
    //其中$1，$2 $3表示重复正则中第一、第二、第三个小括号中内容
</script>
</html>

4、简单小案例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript中的正则表达式</title>
</head>
<body>
    <h1>JavaScript中的正则表达式在表单验证中的实例</h1>
    <form action="js03.html" name="myform" onsubmit="return doSubmit()" method="post">
        账号：<input type="text" name="uname" onblur="checkUname()" /><br/><br/>
        邮箱：<input type="text" name="email" onblur="checkEmail()"/><br/><br/>
        <input type="submit" value="提交"/>
    </form>
</body>
<script>
    //验证账号函数
    function checkUname(){
        //获取账号信息
        var uname = document.myform.uname.value;
        //执行验证
        //if(uname.match(/^[0-9A-Za-z_]{8,16}$/) == null){
        if(uname.match(/^\w{8,16}$/) == null){
            alert("请输入8~16位的账号信息！");
            return false;
        }
        return true;
    }

    //验证邮箱函数
    function checkEmail(){
        //获取账号信息
        var email = document.myform.email.value;
        //执行验证
        if(email.match(/^\w+@\w+(\.\w+){1,2}$/) == null){
            alert("请输入正确的Email信息！");
            return false;
        }
        return true;
    }

    //表单提交
    function doSubmit(){
        return checkUname() && checkEmail();
    }
</script>
</html>

4、牛刀小试

1、信息登记表制做：

程序猿小明需要为公司员工的个人信息录入编写前端代码,效果如下图
需求:要保证信息录入格式正确无遗漏(输入有误要给到对应提示)
在这里插入图片描述

案例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>信息登记</title>
    <link rel="stylesheet" href="./css/messages.css">
</head>
<body>
    <div id = "content" >
        <div id="title">个人信息登记表</div>
        <form id = "registForm" method="POST" name="myform" οnsubmit="return doSubmit()">
            <div id = "layout-bg">
                <ul class="reg-list">
                    <li>
                        <div class="label">登录账号:</div>
                        <div class="r-txt"><input class = "inptxt" type="text" name="uname" οnblur="checkUname()" /></div>
                        <div class="tips">6~18位有效字符(字母、数字、下划线)</div>
                    </li>
                    <li>
                        <div class="label">登录密码:</div>
                        <div class="r-txt"><input class = "inptxt" type="password" name="upass" οnblur="checkUpass()" /></div>
                        <div class="tips">6~18位任意字符</div>
                    </li>
                    <li>
                        <div class="label">重复密码:</div>
                        <div class="r-txt"><input class = "inptxt" type="password" name="rpass" οnblur="checkRpass()" /></div>
                        <div class="tips">重复密码与登录密码一致</div>
                    </li>
                    <li>
                        <div class="label">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</div>
                        <div class="r-txt" id="sex">
                            <input type="radio" name="sex" value="1"/>男&nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="radio" name="sex" value="0"/>女
                        </div>
                        <div class="tips">必须选择一个</div>
                    </li>
                    <li>
                        <div class="label">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄:</div>
                        <div class="r-txt"><input class = "inptxt" type="text" name="uAge" οnblur="checkUAge()" /></div>
                        <div class="tips">大于0的任意两位整数</div>
                    </li>
                    <li>
                        <div class="label">手机号码:</div>
                        <div class="r-txt"><input class = "inptxt" type="text" name="uTel" οnblur="checkUTel()" /></div>
                        <div class="tips">由1开头的11位整数</div>
                    </li>
                    <li>
                        <div class="label">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</div>
                        <div class="r-txt"><input class = "inptxt" type="text" name="uEmail" οnblur="checkUEmail()" /></div>
                        <div class="tips">有效的Email地址</div>
                    </li>
                    <li>
                        <div class="label">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历:</div>
                        <div class="r-txt" id="edu">
                            <select name="uEducation" >
                                <option value=" " selected>请选择</option>
                                <option value="0">大专</option>
                                <option value="1">本科</option>
                                <option value="2">硕士</option>
                            </select>
                        </div>
                        <div class="tips">必须选择一个学历选项</div>
                    </li>
                    <li>
                        <div class="btn" style="margin-left: 70px;">
                            <input class="button" type="submit" value="提交"/>
                        </div>
                        <div class="btn">
                            <input class="button" type="reset" value="重置" onclick="doReset()"/>
                        </div>
                    </li>
                    
                </ul>
                
            </div>
        </form>
    </div>
    
</body>
<script type="text/javascript" src="./js/messages.js"></script>
</html>

css:

/* 全局设置，取消默认属性 */
* {margin:0px;padding: 0px;}
li {list-style: none;}
/* content样式 */
#content{width: 980px;height: 600px;background-color: #F0F7FF;margin: 10px auto;border: 1px solid #808080;}
/* form样式 */
#registForm{display: block;}

/* title样式 */
#title{font-size: 40px;color: black;margin: 30px 65px;font-weight: bold;}
/* li */
li{display: block;}
li .label,.r-txt,.tips {display: inline-block;}
.label{margin: 10px 5px 10px 70px;width: 70px;height: 28px;}
.r-txt{width: 200px;height: 22px;}
.r-txt,.tips{margin: 10px;}
.tips{line-height: 22px;color: darkgray; font-size: 13px;}
/* input */
.inptxt{height: 18px;width:200px ;line-height: 18px;border: 1px solid #cfcdc7;background: #fff;color: #999;padding: 5px 0 5px 5px;}
/* button */
.btn{margin:10px;display: inline-block;}
.button{height: 22px;width: 40px;text-align: center;}

js:

//验证账号函数
function checkUname(){
    //获取账号信息
    var uname = document.myform.uname;
    //执行验证
    if(uname.value.match(/^\w{6,18}$/) == null){
        alert("账号请输入6~18位有效字符！");
        // console.log(uname.parentNode.nextSibling.nextSibling)
        uname.parentNode.nextSibling.nextSibling.style.color = "red";
        
        return false;
    }
    uname.parentNode.nextSibling.nextSibling.style.color = "darkgray";
    return true;
}

//验证密码函数
function checkUpass(){
    //获取密码信息
    var upass = document.myform.upass;
    //执行验证
    if(upass.value.match(/^.{6,18}$/) == null){
        alert("密码请输入6~18位！");
        upass.parentNode.nextSibling.nextSibling.style.color = "red";
        return false;
    }
    upass.parentNode.nextSibling.nextSibling.style.color = "darkgray";
    return true;
}

// 验证重复输入的密码函数
function checkRpass(){
    //获取密码信息
    var upass = document.myform.upass;
    //获取重复密码信息
    var rpass = document.myform.rpass;
    if (upass.value != rpass.value){
        alert("两次密码不匹配！");
        rpass.parentNode.nextSibling.nextSibling.style.color = "red";
        return false;
    }
    rpass.parentNode.nextSibling.nextSibling.style.color = "darkgray";
    return true;
}

// 验证年龄函数
function checkUAge(){
    //获取年龄信息
    var uage = document.myform.uAge;
    if (uage.value.match(/\d{2}/) == null || Number(uage) <= 0){
        alert("请输入大于0的两位整数！");
        uage.parentNode.nextSibling.nextSibling.style.color = "red";
        return false;
    }
    uage.parentNode.nextSibling.nextSibling.style.color = "darkgray";
    return true;
    
}

// 验证电话号码
function checkUTel(){
    //获取电话号码信息
    var utel = document.myform.uTel;
    if (utel.value.match(/^1\d{10}$/) == null){
        alert("请输入正确的手机号码！");
        utel.parentNode.nextSibling.nextSibling.style.color = "red";
        return false;
    }
    utel.parentNode.nextSibling.nextSibling.style.color = "darkgray";
    return true;
}


//验证邮箱函数
function checkUEmail(){
    //获取账号信息
    var email = document.myform.uEmail;
    //执行验证
    if(email.value.match(/^\w+@\w+(\.\w+){1,2}$/) == null){
        alert("请输入有效的Email信息！");
        email.parentNode.nextSibling.nextSibling.style.color = "red";
        return false;
    }
    email.parentNode.nextSibling.nextSibling.style.color = "darkgray";
    return true;
}

// 检查是否选择了性别
function checkSex(){
    //获取性别信息
    var sex = document.myform.sex;
    if (sex.value == ""){
        alert("请选择您的性别！");
        document.getElementById("sex").nextElementSibling.style.color = "red";
        return false;
    }
    document.getElementById("sex").nextElementSibling.style.color = "darkgray";
    return true;
}

// 检查是否选择了学历
function checkEducation(){
    //获取学历信息
    var education = document.myform.uEducation;
    if (education.value == " "){
        alert("请选择您的学历！");
        document.getElementById("edu").nextElementSibling.style.color = "red";
        return false;
    }
    document.getElementById("edu").nextElementSibling.style.color = "darkgray";
    return true;
}

//表单提交
function doSubmit(){
    return checkUname() && checkUpass() && checkRpass() && checkUAge() && checkUTel() && checkUEmail() && checkSex() && checkEducation();
}

// 重置的时候，把所有的文字颜色改为原样
function doReset(){
    var tlist = document.getElementsByClassName("tips");
    // console.log(tlist);
    for (var i = 0; i < tlist.length; i++){
        // console.log(i);
        tlist[i].style.color = "darkgray";
    }
}

运行截图：
在这里插入图片描述

2、遇到的问题：

1、切记要带px，px，px！重要的事情说三遍！！！
2、单选框radio不选的时候值为""，而不是null。
3、画盒子画盒子画盒子！
4、选择同级元素nextSibling可能需要两次，但是nextElementSibling一次就可以拿到，然后radio的input框为啥我的找不到父元素，只好加了个id来获取盒子。

deemo_hui
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
toFixed四舍五入精度校正
daruanzai3165的博客
10-11 698
var a = 2.255; var b = a.toFixed(2); console.log(b); 以上代码，按预期正常四舍五入得到结果应该是2.26，但实际返回值为2.25 js浮点数精度作为前端必踩坑，谁也逃不过，不过我们可以改写原型上的方法达到目的 Number.prototype.toFixed = function (n) { if (n ...
正则表达式经典实例.（美）高瓦特斯，（美）利维森
04-22
在编程语言中，如JavaScript、Python、Java等，正则表达式是标准库的一部分，为程序员提供了高效处理字符串的能力。 本书可能包含了以下核心知识点： 1. **基础概念**：首先，书中会介绍正则表达式的基本元素，...
vue 保留两位小数
热门推荐
牛奔的博客
04-27 2万+
前言 有时候我们需要对各种数值进行保留位数，以便于更好的展示。 Html部分 template中这样使用，需要处理的字段名，再加上过滤器方法 <div class="text primary-text"> <span>合计：</span> <span class="money">￥{{totalMoney | numFilter}}<...
vue中 toFixed() 以及 :disabled 的用法
qq_61950936的博客
08-19 3195
vue中 toFixed() 以及 :disabled 的用法
Vue修饰符 之 .number .trim，Vue使用toFixed保留两位小数
最新发布
qq_63524487的博客
05-05 653
可以对小数进行指定位数保留，其中x是要保留的位数。标签输入框中虽然我们输入的是数字，但它却是。这个标签将其转化为number类型。可以将输入字符串的前后空格去除。类型，在Vue中我们可以使用。
vue 保留2位小数
qq_38946996的博客
11-01 1136
保留小数，fractionDigits值写2就是保留两位小数。 toFixed(number, fractionDigits) { //number 保留小数数 //fractionDigits 保留小数位数 var times = Math.pow(10, fractionDigits); var roundNum = Math.round(number * times) / times; return roundNum.toFixed(fractionDigits); },.
正则表达式宝典，强力推荐
05-17
7. **正则表达式引擎**：简述不同编程语言中正则表达式的实现差异，例如Perl、JavaScript、Python、Java等。 8. **实际应用**：提供大量实例，涵盖电子邮件验证、URL解析、日期时间格式检查等常见应用场景。 9. **...
java私塾学习笔记整理
02-25
Java通过`java.util.regex`包提供了正则表达式的支持，可用于文本匹配、搜索和替换等。 **四、StringBuffer类和StringBuilder类** `StringBuffer`和`StringBuilder`都用来表示可变字符序列，但`StringBuilder`是非...
高清Java核心技术第一二卷
04-28
7. **字符串与正则表达式**：深入讨论了String类和Pattern类的用法，为文本处理提供强大的工具。 8. **泛型与类型推断**：介绍了泛型的使用，提高了代码的类型安全性和重用性。 9. **并发编程**：涵盖了线程的基本...
java高级工程师面试题
11-28
专业部分涵盖了Java相关的知识点，包括面向对象、集合框架、线程同步、设计模式、Spring事务管理、Hibernate缓存、正则表达式、字符串操作、Socket编程和SQL查询。 智力部分 1. 烧一根不均匀的绳要用一个小时，...
Vue toFixed保留两位小数的3种方式
01-21
第一种： 直接写在js里面，这是最简单的 val.toFixed(2) 第二种： 在ElementUi表格中使用 第三种： 在取值符号中使用 {{}} 定义一个方法 towNumber(val) { return val.toFixed(2) } 使用 {{ towNumber(row.equiValue) }} 补充知识：vue中提示toFixed不是函数 vue中toFixed获取小数点后两位 错误提示： .toFixed is not a function 解决办法： Number(_this.group_cash).toFixed(2) 以
vue保留两位小数，末尾四舍五入
aoyueli3211的博客
08-16 2799
方法： methods: { // 截取当前数据到小数点后两位 numFilter(value) { const realVal = parseFloat(value).toFixed(2); return realVal; }, }, 转载于:https://www.cnblogs.com/wangyux...
vue限制输入数字或者保留两位小数
总结前端开发中遇到的问题，分享前端知识
06-06 4020
总结原生input和vant限制输入数字或者保留两位小数方法
vue项目，截取当前数据到小数点后两位
我的博客
11-16 2394
<div>{{ datas.cash_total | numFilter }}</div> vue过滤 filters: { numFilter(value) { let realVal = ''; if (!isNaN(value) && value !== '') { // 截取当前数据到小数点后两位 realVal = parseFloat(value).toFixed(2); }
Vue计算加减法和取小数点后两位
这里是前端，是不一样的前端
05-18 1905
计算加法 methods: { subscript(){ this.a = 30, this.b = 30, this.jieguo = parseInt(this.a) + parseInt(this.b) //parseInt 取整 }, 计算减法 methods: {
#vue# toFixed()保留n位小数
ZHENGCHUNJUN的博客
12-12 803
1.需求： 体重后面保留一位小数 2.知识点： toFixed() 保留 n 位小数，注意返回值是一个字符串 toFixed()知识点https://www.runoob.com/jsref/jsref-tofixed.html 3.代码示例 weightVal: 为体重变量 <view class="weightVal" v-if="weightVal">{{weightVal && weightVal.toFixed(1)}}</view&gt.
正则表达式判定保留2位小数
Power_IT_xiang的博客
07-12 3630
6.88888888 var b=$('.ba').html(); onload = function(){      var a = b;     var aNew;    var re = /([0-9]+\.[0-9]{2})[0-9]*/;    aNew = a.replace(re,"$1");     $(".ba").html(aNew)   }
正则表达式学习资源大全
9. **正则表达式库和工具**：介绍不同编程语言（如Java、Python、JavaScript等）中的正则表达式库，以及常用的正则表达式测试工具。 10. **高级技巧和优化**：提供关于编写更高效、可读性更强的正则表达式的建议，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值