上课事例

如何去除html标签

        var str = "<p>风雨将来</p><br/><span>666</span>";
        var reg = /<[^<>]+>/g;
        console.log(str.replace(reg,""));

肖生克的救赎的地址割到最后的数字是一个二维数组

        var url = "https://movie.douban.com/subject/129205/";
        /* [[1,2],[9,2],[0,5]] */
        var reg = /[^\d]/g;
        var str = url.replace(reg,"");
        var sum = [];
        for(var i=0;i<str.length;i+=2){
            var item = str.substr(i,2).split("");
            sum.push(item);
        }
        console.log(sum)

字符串分割：

        var str = "<span>2395人参观</span>-<span?>46人评价</span?>";
        var reg = /[^\d-]/g;
        str = str.replace(reg,"");
        str = str.split("-");
        console.log(str);

字符串分割

    <p class="">
        导演: 陈凯歌 Kaige Chen&nbsp;&nbsp;&nbsp;主演: 张国荣 Leslie Cheung / 张丰毅 Fengyi Zha...<br>
        1993&nbsp;/&nbsp;中国大陆&nbsp;/&nbsp;剧情 爱情 同性
    </p>
    <script>
        var str = $("p").html().split("<br>")[1].trim();
        var reg = /&nbsp;/g;
        str = str.replace(reg,"");
        var res = str.split("/");
        var last = res[res.length-1];
        last = last.split(" ");
        res.pop();
        res.push(...last);
        console.log(res);
    </script>

邮箱验证

    <input type="text" placeholder="请输入你的邮箱">
    <script>
        /* 
        邮箱验证
        39775347@qq.com
        cheng_chao@sina.com
         */
        var reg = /^\w+@[a-z]+\.com$/
        $("input").keydown(function(event){
            if(event.keyCode==13){
                var value = $(this).val();
                console.log(value)
                console.log(reg.test(value))
            }
        })

判断身份证

    <input type="text" placeholder="请输入密码">
    <script>
        /*
        42......x
        42900619881024307x 
        42\d{15}(\d|x)
        42\d{15}[\dx]
         */
        var str = "42900619881024307x";
        var reg = /^42\d{15}[\dx]$/;
        console.log(reg.test(str))

    <input type="text" id="app">
    <script>
        $("#app").keydown(function(){
            if(event.keyCode == 13){
                var value = $(this).val();
                var reg = /^42\d{15}[\dx]$/;
                if(reg.test(value)){
                    console.log("pass")
                }else{
                    alert("wrong");
                }
                $(this).val("");
            }
        })
    </script>

判断密码

        /* 
        密码
        必须包含大写小写至少6位数字且以大写字母开头
         */
        var reg = /^[A-Z]+[a-z]+\d{6,}$/
        $("input").keydown(function(event){
            if(event.keyCode==13){
                var value = $(this).val();
                console.log(value)
                console.log(reg.test(value))
            }
        })

    <input type="text" id="app">
    <script>
        $("#app").keydown(function(){
            if(event.keyCode == 13){
                var value = $(this).val();
                var reg = /^[A-z]+\d{6,}$/;
                if(reg.test(value)){
                    console.log("pass")
                }else{
                    alert("wrong");
                }
                $(this).val("");
            }
        })
    </script>

json对象正则

        var arr = [
            {id:1001,name:"你好3455ffd"},
            {id:1002,name:"他家理发店3421215ffd"},
            {id:1003,name:"附加费34455ffd"},
        ]
        var reg = /[0-9a-z]/g;
        arr.forEach(item=>{
            var name = item.name.replace(reg,"")+"...";
            console.log(name)
            item.name = name;
        })
        console.log(arr)

复杂事例

        var str = "剧情，犯罪，月黑风高"
        var arr = str.split(",");
        console.log(arr);
        var res = [];
        arr.forEach(name=>{
            console.log(name);
            res.push({
                name
            })
        })
        console.log(res);

        var obj = {
            top250:["你好666","他的666"],
            comingSoon:["防抖111","节流111"],
            theaters:["放大镜222","防静电222"]
        }
        /* var arr = [
            {name:"你好"}
            ....
        ] */
        /* 1.获取对象中属性的值 */
        var arr = []
        for(var key in obj){
            console.log(obj[key]);
            /* 2.需要将属性的值整合到一个数组中去 */
            arr.push(...obj[key])
        }
        var res = [];
        var reg = /\d/g;
        /* 3.对数组每一项的值，过滤 */
        arr.forEach(name=>{
            var name = name.replace(reg,"");
            console.log(name);
            res.push({
                name
            })
        })
        console.log(res);

        var str  = `<span>9.7<span><span>-248人评价</span><br>
        <span>9.5<span><span>-48人评价</span>
        <br><span>9.6<span><span>-508人评价</span>`;
        /* 
        arr = [
            {star:9.7,rating:248},
            {star:9.5,rating:48},
            {star:9.6,rating:508},
        ]
         */
        /* 1、<br> */
        var  arr = str.split("<br>");
        // console.log(arr)
        /* 2、将数组中每一项的html标签去除  9.7-248人评价 */
        var reg = /<[^<>]+>/g
        var res = arr.map(item=>{
            // console.log(item.trim().replace(reg,""))
            return item.trim().replace(reg,"")
        })
        // console.log(res)
        /* 3、[[9.7,248]....] */
        var list = [];
        res.forEach(item=>{
            // console.log(item.split("-"))
            list.push(item.split("-"))
        })
        var sum = [];
        var rNum = /[^\d]/g;
        list.forEach(item=>{
            console.log(item)
            sum.push({
                star:item[0],
                rating:item[1].replace(rNum,"")
            })
        })
        console.log(sum)

        /* json的数据格式 
        JSON.stringify-->可以将JSON对象转化为字符串
        */
        var obj ={
            name:"lisi",
            age:18
        }
        var arr = [
            {name:"lisi",age:14}
        ]
        var res = JSON.stringify(obj);
        console.log(typeof res)
        console.log(JSON.stringify(arr))
        /* JSON.parse可以将Json格式的字符串转化为JSON对象 */
        var str  = '{"name":"李四","age":18}';
        var sum = JSON.parse(str)
        console.log(sum)

        var str = `
        [{"name":"李四666","data":[2019,10,11]},
        {"name":"张三666","data":[2017,10,11]},
        {"name":"王五点击666","data":[2018,10,11]}]
        `
        /* 
        var arr = [
            {name:"李四...",data:"2019-10-11"}
            ...
        ]
         */
        var arr = JSON.parse(str);
        var list = [];
        arr.forEach(item=>{
            var {name,data}=item;
            name =  name.replace(/\d/g,"")+"...";
            data  =  data.join("-")
            list.push({
                name,
                data
            })
        })
        console.log(list)

        var arr = [
            {name:"lisi"},
            {name:"html"},
            {name:"css"},
            {name:"vue"},
            {name:"css"},
            {name:"vue"},
            {name:"html"},
        ]
        /*
            ["lisi","html","css","vue"]
        */
        var list = [];
        arr.forEach(item=>{
            var{name}=item;
            if(!list.includes(name)){
                list.push(name);
            }
        })
        console.log(list);

        var arr = {
            A:[{city:"武汉"},{city:"广州"}],
            B:[{city:"深圳"},{city:"广州"}],
            C:[{city:"上海"},{city:"武汉"}]
        }
        /*
        var citys = ["武汉","广州","深圳","上海"];
        */
        var citys = [];
        for(var key in arr){
            arr[key].forEach(item=>{
                var {city} = item;
                if(!citys.includes(city)){
                    citys.push(city);
                }
            })
        }
        console.log(citys);