资讯专栏INFORMATION COLUMN

基础js功能学习笔记

yzd / 2984人阅读

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

去掉空格 1.前空格,2.后空格,3.前后空格,4.所有空格

</>复制代码

  1. function trim(str,type){
  2. switch(type){
  3. case 1:return str.replace(/^s*/g,"");
  4. case 2:return str.replace(/s*$/g,"");
  5. case 3:return str.replace(/(^s*)||(s*$)/g,"");
  6. case 4:return str.replace(/s*/g,"");
  7. default :return str;
  8. }
  9. }
  10. //
字母大小写切换 1.首字母大写,2.首字母小写,3.大小写切换,4.全部大写,5还不小写

</>复制代码

  1. function toggle(str){
  2. var item_text="";
  3. str.split("").forEach(function(item){
  4. if((/^[a-z]+/g).test(item)){
  5. item_text+=item.toUpperCase();
  6. }else if(/^[A-Z]+/g.test(item)){
  7. item_text+=item.toLowerCase();
  8. }else{
  9. item_text+=item;
  10. }
  11. });
  12. return item_text;
  13. }
  14. function changeChacter(str,type){
  15. switch(type){
  16. case 1:return str.replace(/^(w)(w+)/,function(v1,v2,v3){
  17. return v2.toUpperCase(+v3.toLowerCase());
  18. });
  19. case 2:return str.replace(/^(w)(w+)/,function(v1,v2,v3){ //replace传入函数,里面的参数分别是字符串本身、满足正则的部分,剩下的部分。
  20. console.log(v2);
  21. return v2.toLowerCase()+v3.toUpperCase();
  22. });
  23. case 3:return toggle(str);
  24. case 4:return str.toUpperCase();
  25. case 5:return str.toLowerCase();
  26. }
  27. };
  28. //字符串循环
  29. function repeatStr(str,count){
  30. var text="";
  31. for (var i = 0; i < count; i++) {
  32. text +=str;
  33. }
  34. return text;
  35. }
  36. console.log(repeatStr("we",5));
  37. //字符串替换
  38. function replaceAll(str,need_replace,replace_str){
  39. var reg=new RegExp(need_replace,"g");
  40. return str.replace(reg,replace_str); //replace的第一个参数可以是正则、也可以是字符串
  41. }
  42. //检测密码的强度
  43. function check_psw(psw){
  44. var now_lv=0;
  45. if(/[0-9]/g.test(psw)){
  46. now_lv++;
  47. }
  48. if(/[a-zA-Z]/g.test(psw)){
  49. now_lv++;
  50. }
  51. if(/[.|-|_]/g.test(psw)){
  52. now_lv++;
  53. }
  54. return now_lv;
  55. }
//随机码

</>复制代码

  1. function random_number(cont){
  2. return Math.random().toString(cont).slice(2);
  3. }
//数组去重

</>复制代码

  1. function upset_arr(arr){
  2. var new_obj=new Set(arr);
  3. var new_arr=[];
  4. new_obj.forEach(function(i){
  5. new_arr.push(i);
  6. });
  7. return new_arr;
  8. }
//数组打乱顺序

</>复制代码

  1. function mix_arr(arr){
  2. return arr.sort(function(){
  3. return Math.random()-.5;
  4. });
  5. }
  6. //获取数组最大值,最小值
  7. function max_arr(arr){
  8. return Math.max.apply(arr);
  9. }
  10. function min_arr(arr){
  11. return Math.min.apply(arr);
  12. }
//在数组中获取随机数

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

//计算字符串出现的次数

</>复制代码

  1. function check_num(str,aim){
  2. var arr=str.split(aim);
  3. return arr.length-1;
  4. }
//返回数组中出现最多次的字符,并且输出次数

</>复制代码

  1. function max_cont(arr){
  2. var obj={},k,new_arr=[];
  3. for (var i = 0; i < arr.length; i++) {
  4. k=arr[i];
  5. if(obj[k]){
  6. obj[k]++;
  7. }else{
  8. obj[k]=1;
  9. }
  10. }
  11. for(var i in obj){
  12. new_arr.push({el:i,count:obj[i]})
  13. }
  14. new_arr.sort(function(n1,n2){
  15. return n2.count-n1.count;
  16. });
  17. return new_arr;
  18. }
//cookie的设置与获取 第三个参数是指cookie的存活时间

</>复制代码

  1. function set_cookie(name,value,iDay){
  2. var date=new Date();
  3. date.setDate(date.getDate()+iDay)
  4. document.cookie=name+"="+value+";expire="+date;
  5. console.log(document.cookie);
  6. }
  7. //获取cookie
  8. function get_cookie(name){
  9. var arr=document.cookie.split(";");
  10. for (var i = 0; i < arr.length; i++) {
  11. var arr2=arr[i].split("=");
  12. if(arr2[0]==name){
  13. return arr2[1];
  14. }
  15. }
  16. return "";
  17. }
  18. //删除cookie
  19. function remove_cookie(){
  20. set_cookie(name,1,-1);
  21. }
  22. set_cookie("zhangsan","dashazi",112);
//关键字变色

</>复制代码

  1. $(function(){
  2. var words=document.getElementsByClassName("words")[0];
  3. $("#inp").on("blur",function(){
  4. var content=words.innerHTML;
  5. content=content.replace(/]+>/g,"");
  6. console.log($("#inp").val());
  7. var text=$("#inp").val().split(/s+/).join("|");
  8. console.log(text);
  9. var reg=new RegExp(text,"g");
  10. console.log(reg);
  11. words.innerHTML=content.replace(reg,"$&");
  12. })
  13. });

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

转载请注明本文地址: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元查看
<