Maison > interface Web > js tutoriel > le corps du texte

Bases de JS-Tableau mathématique Date

jacklove
Libérer: 2018-05-21 17:06:32
original
2019 Les gens l'ont consulté

Cet article explique le tableau mathématique de base et les connaissances liées aux dates de js.

1.Math

1. Écrivez une fonction qui renvoie un entier aléatoire de min à max, incluant min mais excluant max

   //不包含最大数
    function getNum(min,max){      //包含最小值,随机最小值与最大值之间的整数且不包含最大值
      console.log(min+Math.floor(Math.random()*(max-min)))
    }
      getNum(10,15)
Copier après la connexion

2 Écrivez une fonction, renvoie un entier aléatoire entre min et max, incluant min incluant max

// Inclut également le nombre maximum

   function getNum2(min,max){    //包含最小值,随机最小值与最大值之间的整数且包含最大值
     console.log(min+Math.floor(Math.random()*(max+1-min)))
}
    getNum2(10,15)
Copier après la connexion

3. Écrivez une fonction pour générer une longueur C'est un chaîne aléatoire de n. La plage de valeurs des caractères de la chaîne comprend 0 à 9, a à z et A à Z.

 function getRandStr(len){    //补全函数
     var str1=''
     var str = &#39;0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ&#39;;     for(var i=0;i<len;i++){       var ss=parseInt(Math.random()*str.length);
           str1 += str[ss];
     }     return str1
  }  var str = getRandStr(10); // 例:0a3iJiRZap
  console.log(str);
Copier après la connexion

4. Écrivez une fonction pour générer une adresse IP aléatoire. Une adresse IP légale est 0.0.0.0~255.255.255.255

 function getRandIP(){    //补全
    var ip=&#39;&#39;
    for (var i=0; i<4; i++){      var str=Math.floor(Math.random()*256);
      ip += str;      // 3个点是4个数
      if( i<3 ){
         ip += ".";
      }
   }   return ip;
 }var ip = getRandIP()console.log(ip) // 例:10.234.121.45
Copier après la connexion

5. chaîne de couleur aléatoire, la couleur légale est #000000~ #ffffff

 function getRandColor(){    var str = "0123456789abcdef";    var strlen = str.length;    var colorstr = "#";    for(var i = 0; i < 6; i++){      var index = Math.floor(Math.random()*strlen);
      colorstr += str[strlen];
    }    return colorstr
  }  var color = getRandColor()  console.log(color)   // 例:#3e2f1b
Copier après la connexion

2. Array

1 Dans la méthode de tableau push, pop, shift, unshift, join, splice respectivement Quoi. est sa fonction ? Utilisez la fonction splice pour implémenter respectivement les méthodes push, pop, shift et unshift.

push(), pop(), unshift() et shift() sont toutes deux des opérations sur le tableau et modifieront le tableau. tableau lui-même. longueur et contenu.
La différence est que push() et pop() ajoutent et suppriment depuis la queue du tableau, tandis que unshift() et shift() ajoutent et suppriment depuis la tête du tableau.

La méthode splice() ajoute/supprime des éléments dans/d'un tableau et renvoie l'élément supprimé. Cette méthode mute le tableau d'origine.
La méthode join() est utilisée pour mettre tous les éléments du tableau dans une chaîne. Les éléments sont séparés par le délimiteur spécifié.

//splice函数分别实现push、pop、shift、unshift方法//例子:
  var arr = [1,2,3,4,5]  //push  
  arr.splice(arr.length,0,6); //位置,要删除元素的个数,要添加到数组的元素
  console.log(arr);//[1,2,3,4,5,6]
  console.log(arr.length)  //pop
  arr.splice(arr.length-1,1)  console.log(arr);//[1,2,3,4,5]
  //shift
  arr.splice(0,1);  console.log(arr);//[2,3,4,5]
  //unshift
  arr.splice(0,0,1);  console.log(arr);//[1,2,3,4,5]
Copier après la connexion

2. Écrivez une fonction pour faire fonctionner le tableau. Chaque élément du tableau devient le carré d'origine et agissez sur le tableau d'origine

 function squareArr(arr){     for(var i = 0; i < arr.length; i++ ){
      arr[i] *= arr[i]
     }     return arr;
   }   var arr = [2, 4, 6]
   squareArr(arr)   console.log(arr) // [4, 16, 36]
Copier après la connexion

3. Operate Array, renvoie un nouveau tableau, le nouveau tableau ne contient que des nombres positifs, le tableau d'origine reste inchangé

  function filterPositive(arr){     var newArr = [];     for(var i = 0; i < arr.length; i++){       if(typeof(arr[i]) === "number" && arr[i] > 0){
         newArr.push(arr[i]);
       }
    }   return newArr;
  }  var arr = [3, -1,  2,  &#39;饥人谷&#39;, true]  var newArr = filterPositive(arr)  console.log(newArr) //[3, 2]
Copier après la connexion

3.Date

Écrivez une fonction getChIntv pour obtenir l'heure à partir de. l'heure actuelle à l'intervalle de date spécifié

  function getChIntv(s) {     //时间=指定时间-当前时间
     var time = Math.abs(Date.parse(s) - Date.now()); 
     //天数=时间/天的毫秒
     var days = parseInt(time/(1000*60*60*24));     //几小时=时间%天的毫秒/一小时毫秒
     var hours = parseInt((time%(1000*60*60*24))/(1000*60*60));  
     //几分钟=时间%天的毫秒/一小时毫秒/一分钟毫秒
     var minutes = parseInt(((time%(1000*60*60*24))%(1000*60*60))/(1000*60)); 
    //几秒=时间%天的毫秒/一小时毫秒/一分钟毫秒/一秒毫秒
     var seconds = parseInt(((time%(1000*60*60*24))%(1000*60*60))%(1000*60)/1000); 
     return days + &#39;天&#39; + hours + &#39;小时&#39; + minutes + &#39;分钟&#39; + seconds+ &#39;秒&#39;
   }   var str = getChIntv(&#39;2017-7-01&#39;); 
   console.log(str);
Copier après la connexion

2. Changez la date numérique au format hh-mm-dd en date chinoise

 function getChsDate(s) {    
 var arr = [&#39;零&#39;,&#39;一&#39;,&#39;二&#39;,&#39;三&#39;,&#39;四&#39;,&#39;五&#39;,&#39;六&#39;,&#39;七&#39;,&#39;八&#39;,&#39;九&#39;,&#39;十&#39;,&#39;十一&#39;,&#39;十二&#39;,&#39;十三&#39;    , &#39;十四&#39;,&#39;十五&#39;,&#39;十六&#39;,&#39;十七&#39;,&#39;十八&#39;,&#39;十九&#39;,&#39;二十&#39;,&#39;二十一&#39;,&#39;二十二&#39;,&#39;二十三&#39;,&#39;二十四&#39;,     &#39;二十五&#39;,&#39;二十六&#39;,&#39;二十七&#39;,&#39;二十八&#39;,&#39;二十九&#39;,&#39;三十&#39;,&#39;三十一&#39;]    //字符串拆成数组     var time = s.split(&#39;-&#39;);    // 输出字符串就行    var year = time[0];   
 var month = time[1]; 
   var day = time[2];  
  var newYear = arr[year[0]]+arr[year[1]]+arr[year[2]]; 
   var newMonth = arr[parseInt(month)]; 
   var newDay = arr[parseInt(day)];   
 return newYear+"年"+newMonth+"月"+newDay+"日";  }  var str = getChsDate(&#39;2017-06-30&#39;);  console.log(str);  // 二零一七年六月三十日
Copier après la connexion

3. Écrivez une fonction dont le paramètre est l'heure. objet millisecondes Format chaîne, la valeur de retour est une chaîne. Supposons que le paramètre soit l'objet temporel millisecondes t et que les chaînes suivantes soient renvoyées en fonction de l'heure t :

// Tout à l'heure (t est à moins d'une minute d'intervalle de l'heure actuelle)
// Il y a 3 minutes (t supérieur ou égal à 1 minute, à moins de 1 heure de l'heure actuelle)
// Il y a 8 heures (t supérieur ou égal à 1 heure, à moins de 24 heures de l'heure actuelle) )
// Il y a 3 jours (t supérieur ou égal à 24 heures à partir de l'heure actuelle) heures, moins de 30 jours)
// Il y a 2 mois (t est supérieur ou égal à 30 jours et moins à plus de 12 mois de l'heure actuelle)
// Il y a 8 ans (t est supérieur ou égal à 12 mois à partir de l'heure actuelle)

// Code :

 function friendlyDate(time){     var msec=new Date()     // getTime()返回距 1970 年 1 月 1 日之间的毫秒数
     var nowTime=msec.getTime()     var sec=(nowTime-time)/1000
     if(sec<60){        return &#39;刚刚&#39;
     }else if(sec>=60&&sec<3600){        return &#39;三分钟前&#39;
     }else if(sec>=3600&&sec<8*3600){        return &#39;8小时前&#39;
     }else if(sec>=24*3600&&sec<24*3600*30){        return &#39;3天前&#39;
     }else if(sec>=24*3600*30&&sec<24*3600*30*12){        return &#39;2个月前&#39;
     }else if(sec>=24*3600*30*12){               return &#39;8年前&#39;     
    }
   }   var str = friendlyDate( &#39;1484286699422&#39; ) 
   var str2 = friendlyDate(&#39;1483941245793&#39;) 
   console.log(str)  //2个月前
   console.log(str2) //2个月前
Copier après la connexion

Cet article explique les connaissances de base de js. Pour plus de connaissances, veuillez faire attention au site Web php chinois.

Recommandations associées :

Que peut faire jQuery ?

Points de connaissances pertinents sur le résumé inter-domaines front-end

Solutions inter-domaines courantes pour le front-end (tous)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!