美文网首页
JS常用的方法--(如果有不对的地方,还望大家能够提出,我会尽快

JS常用的方法--(如果有不对的地方,还望大家能够提出,我会尽快

作者: 蒲公英_ad70 | 来源:发表于2018-07-31 16:42 被阅读0次

一、生成一个随机数组(创建数组,sort排序)

在项目中有时候我们需要一个随机打乱的数组,那么下面我们来实现以下:

先来创建一个数组:

var arr=[];for(var i=0;i<10;i++){  arr.push(i)}console.log(arr)    //  [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

接下来我们来打乱它:

第一种打乱方法:

arr.sort(()=>{ return Math.random() - 0.5})                // [1, 0, 2, 3, 4, 6, 8, 5, 7, 9]

第二种打乱方法:

arr.sort((a,b)=>{   return a>Math.random()*10;})              //  [1, 2, 0, 6, 4, 3, 8, 9, 7, 5]

我们以前的正常排序是这样的:

arr.sort(function(a,b){  return b-a});

解析:

先说正常的排序:

a,b表示数组中的任意两个元素,若return > 0 b前a后;reutrn < 0 a前b后;a=b时存在浏览器兼容 ,

a-b输出从小到大排序,b-a输出从大到小排序。

然后再说我们打乱的方法:

创建数组不用说,接下来就是用js的sort方法 来实现,Math.random()实现一个随机0-1之间的小数 然后再减去0.5,这时就会根据return比较后得到的值排,所以说就会生成不是正常从大到小或者从小到大的排序。

第二个打乱的方法同样是遵循sort的方法,将a,b传进去 然后和随机数做比较,关于比较的方法不太清楚。

二、去除前后、前、后 所有空格

这是专门为去除空格写的一套方法,适用于各种情况,所有空格,前后空格,前空格,后空格。

var strr=" 1 ad dertasdf sdfASDFDF DFG SDFG "

// type 1-所有空格 2-前后空格 3-前空格 4-后空格

function trim(str,type){    switch (type){        case 1:return str.replace(/\s+/g,"");        case 2:return str.replace(/(^\s*)|(\s*$)/g, "");        case 3:return str.replace(/(^\s*)/g, "");        case 4:return str.replace(/(\s*$)/g, "");        default:return str;    }}console.log( trim(strr,1))      //  "1addertasdfsdfASDFDFDFGSDFG"

解析:

这个方法用的是正则的匹配格式,后面我会把正则单独拿出来总结一个系列,敬请期待!!!

\s : 空格符,Tab,换页符,换行符  \S : 非\s的所有内容  /g :  全局匹配  ^  :  匹配在行首  $  :  匹配在行尾  +  : 重复次数>0  *  : 重复次数>=0  |  :  或者

replace(a,b): 方法用于在字符创中用一些字符替换另一些字符, 会传入两个值,将逗号前面的值a替换成逗号后面的值b

三、字母大小写切换(正则匹配,replace)

这个方法主要是给一些需要大小写转换提供的方法,主要有首字母大写,首字母小写,大小写转换,全部转大写和全部转小写。

type:  1:首字母大写  2:首页母小写  3:大小写转换  4:全部大写  5:全部小写

四、循环n次传入的字符串 str为传入随意字符串,count为循环的次数

var str="abc"; var number=555;function repeatStr(str, count) {    //声明一个空字符串,用来保存生成后的新字符串   

 var text = '';    //循环传入的count值,即循环的次数    

for (var i = 0; i < count; i++) {      //循环一次就把字符串+到我们事先准备好的空字符串上       

 text += str;  

  }    

return text;}  

console.log(repeatStr(str, 3))        // "abcabcabc"  console.log(repeatStr(number, 3))      // "555555555"

解析:根据count循环的次数,在循环体内复制,return 返回+=后的值


五、检测常用格式,邮箱,手机号,名字,大写,小写,在表单验证时,我们经常会需要去验证一些内容,举例几个常用的验证

function checkType (str, type) {  

  switch (type) {  

      case 'email':           

 return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);      

  case 'phone':            

return /^1[3|4|5|7|8][0-9]{9}$/.test(str);   

     case 'tel':          

  return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);     

   case 'number':         

   return /^[0-9]$/.test(str);     

   case 'english':         

   return /^[a-zA-Z]+$/.test(str);    

    case 'chinese':           

 return /^[\u4E00-\u9FA5]+$/.test(str);  

      case 'lower':      

      return /^[a-z]+$/.test(str);   

     case 'upper':         

   return /^[A-Z]+$/.test(str);      

  default :       

     return true;    }}console.log(checkType ('hjkhjhT','lower'))  //false

解析:

checkType ('hjkhjhT','lower')'需要验证的字符串','匹配的格式'email:验证邮箱phone:验证手机号tel:验证座机号number:验证数字english:验证英文字母chinese:验证中文字lower:验证小写upper:验证大写

相关文章

网友评论

      本文标题:JS常用的方法--(如果有不对的地方,还望大家能够提出,我会尽快

      本文链接:https://www.haomeiwen.com/subject/ksphvftx.html