资讯专栏INFORMATION COLUMN

基础js功能学习笔记

yzd / 2931人阅读

摘要:去掉空格前空格,后空格,前后空格,所有空格字母大小写切换首字母大写,首字母小写,大小写切换,全部大写,还不小写传入函数,里面的参数分别是字符串本身满足正则的部分,剩下的部分。

去掉空格 1.前空格,2.后空格,3.前后空格,4.所有空格
        function trim(str,type){
            switch(type){
                case 1:return str.replace(/^s*/g,"");
                case 2:return str.replace(/s*$/g,"");
                case 3:return str.replace(/(^s*)||(s*$)/g,"");
                case 4:return str.replace(/s*/g,"");
                default :return str;
            }
        }
        //
字母大小写切换 1.首字母大写,2.首字母小写,3.大小写切换,4.全部大写,5还不小写
        function toggle(str){
            var item_text="";
            str.split("").forEach(function(item){
                if((/^[a-z]+/g).test(item)){
                    item_text+=item.toUpperCase();
                }else if(/^[A-Z]+/g.test(item)){
                    item_text+=item.toLowerCase();
                }else{
                    item_text+=item;
                }
            });
                return item_text;
        }
        function changeChacter(str,type){
            switch(type){
                case 1:return str.replace(/^(w)(w+)/,function(v1,v2,v3){
                    return v2.toUpperCase(+v3.toLowerCase());
                });
                case 2:return str.replace(/^(w)(w+)/,function(v1,v2,v3){   //replace传入函数,里面的参数分别是字符串本身、满足正则的部分,剩下的部分。
                    console.log(v2);
                    return v2.toLowerCase()+v3.toUpperCase();
                });
                case 3:return toggle(str);
                case 4:return str.toUpperCase();
                case 5:return str.toLowerCase();
            }
        };
        //字符串循环
        function repeatStr(str,count){
            var text="";
            for (var i = 0; i < count; i++) {
                text +=str;
            }
            return text;
        }
        console.log(repeatStr("we",5));
        //字符串替换
        function replaceAll(str,need_replace,replace_str){
            var reg=new RegExp(need_replace,"g");
            return str.replace(reg,replace_str);               //replace的第一个参数可以是正则、也可以是字符串
        }
        //检测密码的强度
        function check_psw(psw){
            var now_lv=0;
            if(/[0-9]/g.test(psw)){
                now_lv++;
            } 
            if(/[a-zA-Z]/g.test(psw)){
                now_lv++;
            } 
            if(/[.|-|_]/g.test(psw)){
                now_lv++;
            }
            
            return now_lv;
        }
        
//随机码
        function random_number(cont){
            return Math.random().toString(cont).slice(2);
        }
        
//数组去重
        function upset_arr(arr){
            var new_obj=new Set(arr);
            var new_arr=[];
            new_obj.forEach(function(i){
                new_arr.push(i);
            });
            return new_arr;
        }
        
//数组打乱顺序
        function mix_arr(arr){
            return arr.sort(function(){
                return Math.random()-.5;
            });
        }
        //获取数组最大值,最小值
        function max_arr(arr){
            return Math.max.apply(arr);
        }
        function min_arr(arr){
            return Math.min.apply(arr);
        }
    
//在数组中获取随机数

// function random_num(arr){
// return arr[(Math.floor(Math.random()*arr.length]))];
// };

//计算字符串出现的次数
        function check_num(str,aim){
            var arr=str.split(aim);
            return arr.length-1;
        }
        
//返回数组中出现最多次的字符,并且输出次数
        function max_cont(arr){
            var obj={},k,new_arr=[];
            for (var i = 0; i < arr.length; i++) {
                k=arr[i];
                if(obj[k]){
                    obj[k]++;
                }else{
                    obj[k]=1;
                }
            }
            for(var i in obj){
                new_arr.push({el:i,count:obj[i]})
            }
            new_arr.sort(function(n1,n2){
                return n2.count-n1.count;
            });
            return new_arr;
        }
        
//cookie的设置与获取 第三个参数是指cookie的存活时间
        function set_cookie(name,value,iDay){
            var date=new Date();
            date.setDate(date.getDate()+iDay)
            document.cookie=name+"="+value+";expire="+date;
            console.log(document.cookie);
        }
        //获取cookie
        function get_cookie(name){
            var arr=document.cookie.split(";");
            for (var i = 0; i < arr.length; i++) {
                var arr2=arr[i].split("=");
                if(arr2[0]==name){
                    return arr2[1];
                }
            }
            return "";
        }
        //删除cookie
        function remove_cookie(){
            set_cookie(name,1,-1);
        }
    
        set_cookie("zhangsan","dashazi",112);
        
        
//关键字变色
        $(function(){
            var words=document.getElementsByClassName("words")[0];
            $("#inp").on("blur",function(){
                var content=words.innerHTML;
                content=content.replace(/]+>/g,"");
                console.log($("#inp").val());
                var text=$("#inp").val().split(/s+/).join("|");
                console.log(text);
                var reg=new RegExp(text,"g");
                console.log(reg);
                words.innerHTML=content.replace(reg,"$&");
            })
        });

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85070.html

相关文章

  • WebGL three.js学习笔记 创建three.js代码的基本框架

    摘要:学习学习笔记介绍是一种绘图协议,它把和结合在一起,通过增加的一个绑定,可以为提供硬件加速渲染。环境搭建为了以后的学习方便,首先是搭建一个万能框架,所有的开发都可以在此框架上进行。 WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个Ja...

    mtunique 评论0 收藏0
  • webpack 学习笔记(一)

    摘要:引言最近在学习,发现好多知识点,之前一点都没有接触过,如等等。使用本地安装,会存于文件夹内与属性内,更方便项目文件迁移以及协同开发等情况。 引言 最近在学习webpack,发现好多知识点,之前一点都没有接触过,如babel、core-js、browserslist等等。以前习惯了使用cli构建项目,很多东西不用考虑,拿来就用,这样的码农是不会有能力提升的,必须了解更多的知识点,才能成为...

    zhangwang 评论0 收藏0
  • 前端学习路线

    摘要:具体来说,包管理器就是可以通过命令行,帮助你把外部库和插件放到你的项目里面并在之后进行版本升级,这样就不用手工复制和更新库。现在有的包管理器主要是和。 一、基础 1、学习HTML基础 HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上: 学习HTML基础,了解如何编写语义HTML 理解如何把网页分...

    FullStackDeveloper 评论0 收藏0
  • 前端学习路线

    摘要:具体来说,包管理器就是可以通过命令行,帮助你把外部库和插件放到你的项目里面并在之后进行版本升级,这样就不用手工复制和更新库。现在有的包管理器主要是和。 一、基础 1、学习HTML基础 HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上: 学习HTML基础,了解如何编写语义HTML 理解如何把网页分...

    20171112 评论0 收藏0

发表评论

0条评论

yzd

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<