Maison  >  Article  >  interface Web  >  Présentation de plusieurs fonctions d'encapsulation dans javascript-ecma

Présentation de plusieurs fonctions d'encapsulation dans javascript-ecma

伊谢尔伦
伊谢尔伦original
2017-05-21 09:50:421503parcourir

Introduisez d'abord les méthodes suivantes :

Méthode String :

str.length str.charAt(i) : obtenez une certaine valeur dans la chaîne

str.indexOf('e'); Rechercher la première occurrence ; renvoyer -1 s'il n'est pas trouvé

str.lastIndexOf('e') : Trouver la dernière La position où e apparaît ; ; s'il n'est pas trouvé, renvoie -1 ;

str.toUpperCase(); Convertir en majuscule str.toLowerCase(); Convertir en minuscule str.substring (position de départ, position de fin) :

caractères Interception de chaîne ; str.split('cutting method'); coupe de chaîne ; conversion de chaîne en array;


méthode de tableau : Supprimer :
arr.splice (position de départ, nombre d'éléments supprimés) ; Ajouter : arr.splice (position de départ [quel bit ajouter devant], 0, élément 1···· Remplacement : arr.splice (); position de départ, nombre d'éléments supprimés, élément 1···); arr.sort(function(n1,n2){return n1 - n2}) : sort arr.reverse() : flip arr.push (); à l'arrière du tableau ; arr.unshift() : ajoute un chiffre au début du tableau ; arr.pop() : supprime un chiffre à l'arrière du tableau ; devant le tableau ; arr.join('Connection method'); Méthode de conversion du tableau en chaîne; arr.concat(arr1, arr2···· Connexion au tableau;

Méthode mathématique :

Math.random(); Math.round() : arrondi ; Math.ceil() arrondi à l'inférieur ; : Prenez la valeur absolue ; Math.max(x,y) : Trouvez le nombre maximum ; Math.min(x,y) ; Math.pow(x,y) : Combien de puissances d'un nombre ; Math.sqrt( ) : Racine carrée ;

Tableau : Stocker plusieurs éléments ; json : Stocker plusieurs éléments ; json = { //Paire clé-valeur nom1[clé, clé] : valeur1[valeur, valeur], name2[key ,key]:value2[value,value], }

La différence entre json et arr :

1 : length undefined arr.length

2 : Méthode d'attribut d'indice arr[0] ;

3 : Commande Pas de commande Avec commande

4 : Boucle pour in for, while, for in

for La boucle in peut également parcourir des tableaux, mais ce n'est pas recommandé car les performances sont légèrement inférieures ;

Petites fonctionnalités JS : expression par virgule : ne regardez que la valeur après la dernière virgule ;

Ce qui suit est une petite fonction qui obtient l'encapsulation d'éléments via la classe :

//getByClass(oParent,sClass);//oParent:从哪个父级下面获取;sClass:要获取的是哪个class名字;
function getByClass(oParent,sClass){
    if(oParent.getElementsByClassName){
        return oParent.getElementsByClassName(sClass);
    }else{
        var aEle = oParent.getElementsByTagName('*');
        var arr = [];
        for(var i = 0; i < aEle.length; i++){
            var tmp = aEle[i].className.split(&#39; &#39;);
            if(findInArr(sClass,tmp) == true){
                arr.push(aEle[i]); 
            }
        }
        return arr;
    }
} 

Voici quelques autres petits cas :

1. Combien y en a-t-il au total ce mois-ci ? Jour

<script>
        var oDate=new Date();
        oDate.setMonth(oDate.getMonth()+1);
        oDate.setDate(0);
        alert(oDate.getDate())
</script>
2. Quel jour de la semaine est le premier jour du mois

<script>
   var oDate=new Date();
   oDate.setDate(1);
   alert(oDate.getDay());
</script>
3. >

4. Convertir json en chaîne de caractères
<script>
    document.write(&#39;<table>&#39;);
    for(var i = 1; i <= 9; i++){
        document.write(&#39;<tr>&#39;);
        for(var j = 1; j <= i; j++){
            document.write(&#39;<td>&#39;+i+&#39;*&#39;+j+&#39;=&#39;+i*j+&#39;</td>&#39;);
        }
        document.write(&#39;</tr>&#39;);
    }
    document.write(&#39;</table>&#39;);
</script>

<script>
    var json={a:12,b:5,c:9,d:6};
    var arr=[];
    for(var name in json){
        arr.push(name+&#39;=&#39;+json[name])
    };
    //alert(arr);
    var str=arr.join(&#39;&&#39;);
    alert(str);
</script>



[Recommandations associées]

1.

Tutoriel vidéo en ligne js gratuit

2

Manuel de référence en chinois JavaScript

3.

php.cn Dugu Jiujian (3. ) - Tutoriel vidéo JavaScript

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!

Déclaration:
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