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
Écrivez une fonction de recherche pour implémenter les fonctions suivantes
Écrivez une fonction filterNumeric pour implémenter les fonctions suivantes
var prod = { name: '女装', styles: ['短款', '冬季', '春装'] };function getTp(data){ var new1 = prod.name; var new2 = prod.styles; var arrey =[]; arrey.push('<dl class="product">'); arrey.push("<dt>"+new1+"</dt>"); for(var i =0;i<new2.length;i++){ arrey.push("<dd>"+new2[i]+"</dd>") } arrey.push('</dl>'); console.log(arrey.join()); } getTp(prod)//<dl class="product">,<dt>女装</dt>,<dd>短款</dd>,<dd>冬季</dd>,<dd>春装</dd>,</dl>
É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
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]==='number'){ arre.push(arr[i]) } } console.log(arre); } filterNumeric(arr) //[1, 3, 5, 2]
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: 'open menu'}; 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, 'new'); //Object {className: "open menu new"}addClass(obj, 'open'); //因为open已经存在,此操作无任何办法addClass(obj, 'me'); // 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(' '); console.log(obj); } removeClass(obj,"open"); //Object {className: "menu new me"}removeClass(obj, 'blabla'); //Object {className: "menu new me"}
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""
arr = ["a", "b"]; arr.push( function() { alert(console.log('hello hunger valley')) } ); arr[arr.length-1]() //
String
arr = ["a", 1 , 3 , 4 , 5 , "b" , 2];function filterNumericInPlace(arr){ for(var i= 0; 0< arr.length; i++) { if( typeof arr[i] !== 'number'){ arr.splice(i,1) } } console.log(arr); // [1,3,4,5,2]} filterNumericInPlace(arr);
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 ]
function isNumeric (el){ return typeof el === 'number'; } 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]
function ucFirst(daho){ var add= daho[0].toUpperCase(); daho=daho.replace(daho[0],add) console.log(daho); } ucFirst("hunger")"Hunger"
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"
É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
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)
function habo(min,max){ add = Math.random()*(min-max)+max; console.log(Math.round(add)); } habo(5,12)
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]
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!