Maison > interface Web > js tutoriel > Tableaux JS, chaînes et fonctions mathématiques

Tableaux JS, chaînes et fonctions mathématiques

jacklove
Libérer: 2018-05-21 11:55:55
original
1401 Les gens l'ont consulté

Cet article expliquera les tableaux, les chaînes et les fonctions js.

Quelles sont les fonctions de push, pop, shift, unshift, join et split dans la méthode array ?

push : Ajoutez un élément à la fin du tableau, la syntaxe est array. push (l'élément à ajouter) ;, la valeur de retour est la longueur du tableau

pop : supprime le dernier élément du tableau, la syntaxe est array.pop( ); de l'élément supprimé

shift : supprime le premier élément du tableau, la syntaxe est array.shift(); la valeur de retour est le nom de l'élément supprimé

unshift : ajoute un élément au début du tableau, et les éléments suivants sont décalés vers l'arrière, la syntaxe est array.unshift (l'élément à ajouter ), la valeur de retour est la longueur du tableau

join : concaténer le tableau) ; dans une chaîne sans modifier le tableau d'origine, la syntaxe est array.join(), la valeur de retour est la chaîne complétée

split : Divise la chaîne en tableau sans modifier la chaîne d'origine. split('separator');

Code :

Utiliser splice pour implémenter la méthode push et pop, shift, unshift

splice implémente push :

new1
[91, 3, 2, 1, 34, 5] //Élément du tableau new1 new1.splice(new1. length,0,91) //new1.length représente après le dernier chiffre du tableau, 0 est le mot-clé à ajouter, 91 est l'élément à ajouter []

new1
[91, 3, 2, 1, 34, 5, 91] // Élément 91 ajouté avec succès à la fin du tableau new1

Utiliser splice pour implémenter pop :

new1
[91, 3, 2, 1, 34 , 5, 9, 91] //Les éléments du new1 array new1.splice(new1.length-1,1) //new1.length représente le dernier chiffre du tableau, 1 est la longueur [91]

new1
[91, 3, 2, 1, 34, 5, 9] //Supprimer avec succès le dernier élément 91

l'épissure implémente le décalage :

new1 91, 3, 2, 1, 34, 5, 645] //Éléments du tableau new1 new1.splice(0,1) //0 représente le numéro d'index de l'indice du tableau, 1 représente le nombre de suppressions [91] //Retour pour supprimer l'élément new1 🎜>[3, 2, 1, 34 , 5, 645] //Éléments du tableau new1 new1.splice(0,0,91) //Le premier 0 représente le numéro d'index de l'indice du tableau, et le second 0 est l'ajout du mot clé, 91 est l'élément à ajouter []

new1
[91, 3, 2, 1, 34, 5, 645] //Élément 91 ajouté avec succès

en première position du tableau

Utiliser un tableau pour épisser la chaîne suivante



Écrivez une fonction de recherche pour implémenter les fonctions suivantes


Écrivez une fonction filterNumeric pour implémenter les fonctions suivantes

L'objet obj a un attribut className et la valeur à l'intérieur est une chaîne séparée par des espaces (similaire à l'attribut class de l'élément html) Écrivez les fonctions addClass et removeClass, qui ont les fonctions suivantes :
var prod = {    name: '女装',    styles: ['短款', '冬季', '春装']
};function getTp(data){  var new1  = prod.name;  var new2  = prod.styles;  var arrey =[];
  arrey.push(&#39;<dl class="product">&#39;);
  arrey.push("<dt>"+new1+"</dt>");  for(var i =0;i<new2.length;i++){
  arrey.push("<dd>"+new2[i]+"</dd>")
  }
  arrey.push(&#39;</dl>&#39;);  console.log(arrey.join());  
}
getTp(prod)//<dl class="product">,<dt>女装</dt>,<dd>短款</dd>,<dd>冬季</dd>,<dd>春装</dd>,</dl>
Copier après la connexion
<🎜. >

Écrivez une fonction camelize pour convertir une chaîne sous la forme de my-short-string en une chaîne sous la forme de myShortString

var arr = [ "test" , 2 , 1.5 , false ]function find(arr,add){  for(var i = 0;i < arr.length; i++){    if(add==arr[i] && add !== 0){      return console.log(i)
    }
  }  console.log(-1)
}
find(arr, "test") // 0find(arr, 2) // 1find(arr, 0) // -1
Copier après la connexion

Que produit le code suivant ? Pourquoi ?

arr = ["a", 1,3,5, "b", 2];var arre = [];function filterNumeric(arr){  for(var i= 0; i< arr.length;i++){      if(typeof arr[i]===&#39;number&#39;){
      arre.push(arr[i])
      }
  }  console.log(arre);
}
filterNumeric(arr)  //[1, 3, 5, 2]
Copier après la connexion

Le résultat est le contenu de la fonction « hello faim vallée » et la fenêtre contextuelle s'affiche sous-affinée. Parce que le deuxième paragraphe ajoute directement la fonction entière à l'arrière du tableau arr pour devenir son dernier élément, et que la dernière phrase signifie exécuter l'appel sur le dernier élément du tableau arr, console.log sera détruit après l'exécution, donc le résultat imprimé est 'bonjour la vallée de la faim', le résultat de la fenêtre contextuelle est sous-finifié

var obj = {  className: &#39;open menu&#39;};  var shu = obj.className.split(" ");     
function addClass(obj,nano){                
  for(var i = 0;i< shu.length; i++) {        
    if(shu[i] === nano) {              
      return console.log("因为"+nano+"已经存在,此操作无任何办法");
    }                             
  }
  shu.push(nano);                   
 //console.log(shu);
  obj.className = shu.join(" ");   console.log(obj);
} 
addClass(obj, &#39;new&#39;);          //Object {className: "open menu new"}addClass(obj, &#39;open&#39;);        //因为open已经存在,此操作无任何办法addClass(obj, &#39;me&#39;);           // Object {className: "open menu new me"}console.log(obj.className);    // open menu new mefunction removeClass(obj,habo){  //console.log(shu)
  for(var i = 0;i<shu.length;i++){    if(shu[i] === habo) {
      shu.splice(i,1);
    }
  }
  obj.className = shu.join(&#39; &#39;);  console.log(obj);
}
removeClass(obj,"open");        //Object {className: "menu new me"}removeClass(obj, &#39;blabla&#39;);    //Object {className: "menu new me"}
Copier après la connexion
Écrivez une fonction filterNumericInPlace pour filtrer les nombres dans le tableau et supprimer les non-chiffres

function camelize(lama){  var lala = lama.split("-");  //["list", "style", "image"]
  var a =[lala[0]];  for(var i =1; i<lala.length; i++) {    var num =lala[i][0].toUpperCase();        //"S",    "I"
    var b = lala[i].replace(lala[i][0],num)
    a.push(b)  
  }console.log(a.join(""))
}
camelize("background-color")   //"backgroundColor"camelize("list-style-image")    //"listStyleImage""
Copier après la connexion
Écrivez une fonction ageSort pour implémenter les fonctions suivantes

arr = ["a", "b"];  
arr.push( function() { alert(console.log(&#39;hello hunger valley&#39;)) } );
arr[arr.length-1]()  //
Copier après la connexion
Écrivez une fonction filter(arr, func) pour filtrer les tableaux, en acceptant deux paramètres Le premier est le tableau à traiter et le deuxième paramètre est. la fonction de rappel (la fonction de rappel parcourt et accepte chaque élément du tableau, et lorsque la fonction renvoie vrai Conservez l'élément, sinon supprimez l'élément)

String

arr = ["a", 1 , 3 , 4 , 5 , "b" , 2];function filterNumericInPlace(arr){ 
  for(var i= 0; 0< arr.length; i++) {    
    if( typeof arr[i] !== &#39;number&#39;){
      arr.splice(i,1)
    }       
  }  console.log(arr);  // [1,3,4,5,2]}
filterNumericInPlace(arr);
Copier après la connexion
Écrivez une fonction ucFirst qui renvoie le caractère dont la première lettre est en majuscule

var john = { name: "John Smith", age: 23 };var mary = { name: "Mary Key", age: 18 };var bob = { name: "Bob-small", age: 6 };var people = [ john, mary, bob ];function ageSort(data){
  data.sort(function (a,b){    return a.age-b.age;
  })  console.log(data);
}
ageSort(people); // [ bob, mary, john ]
Copier après la connexion
Écrivez une fonction truncate(str, maxlength) Si la longueur de str est supérieure à maxlength, str sera tronquée à maxlength et ajoutée..., telle. comme

function isNumeric (el){    return typeof el === &#39;number&#39;; 
}
arr = ["a",3,4,true, -1, 2, "b"];function filter(arr, func){  
  for(var i =0;i<arr.length;i++){    if(!func(arr[i])){
      arr.splice(i,1);
    }
  }  return arr;
}
arr = filter(arr, isNumeric) ;console.log(arr);
arr = filter(arr,function(val){ return val > 0});console.log(arr); 
[3, 4, -1, 2]
[3, 4, 2]
Copier après la connexion
Fonction mathématique

Écrivez une fonction limite2, gardez les nombres à deux décimales et arrondissez-les, comme :

function ucFirst(daho){  var add= daho[0].toUpperCase();
  daho=daho.replace(daho[0],add)  console.log(daho);
}
ucFirst("hunger")"Hunger"
Copier après la connexion
Écrivez une fonction pour obtenir un nombre aléatoire de min à max, incluant min mais excluant max

function truncate(str, maxlength){  if(str.length-1>maxlength){
    add = str.substr(0,maxlength);    console.log(add+"...");
  }else{    return console.log(str);
  }
}
truncate("hello, this is hunger valley,", 10)
truncate("hello world", 20)"hello, thi...""hello world"
Copier après la connexion
Écrivez une fonction pour obtenir un entier aléatoire entre min et max, incluant min incluant max

Écrivez une fonction pour obtenir un tableau aléatoire, les éléments du tableau sont de longueur len, nombre aléatoire minimum avec valeur min et valeur maximale max (inclus)

var num1 = 3.456;function limit2(num){
  num=Math.round(num*100)/100;  console.log(num);
}
limit2(num1)
limit2(2.42)3.462.42
Copier après la connexion

Cet article explique le contenu lié aux tableaux JS , chaînes et fonctions mathématiques Pour plus de connaissances connexes, veuillez faire attention au site Web PHP chinois.

function habo(min,max){   console.log(Math.random()*(min-max)+max)
 }
 habo(5,15)
Copier après la connexion
Recommandations associées :

function habo(min,max){
  add = Math.random()*(min-max)+max;  console.log(Math.round(add));  
 }
 habo(5,12)
Copier après la connexion
À propos des objets temporels JS et des problèmes de récursion

function damo(len,min,max){
  arr=[];
  len == arr.length;  for(var i =0;i<len;i++){
    arr.push(Math.round(Math.random()*(min-max)+max));
  }  console.log(arr)
}
damo(5,18,70)
[53, 34, 43, 43, 33]
Copier après la connexion

Quelques connaissances de base des styles CSS

Explication sur les problèmes de minuterie et de fermeture JS

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