[JavaScript] formater un integer sur une longueur fixe

formater un integer sur une longueur fixe

Une petite fonction marrante pour formater un integer sur x caractères avec des zéros devant:
Code:

1 2 3 4 5 function zeroLead(num,long){ return (long-(num.toString().length) >=0)?(num.toFixed(long-(num.toString().length )).toString().split('.').reverse().join('')):num; } alert(zeroLead(123,5))
:mouarf:

Par contre je tombe sur une curiosité:

si j'essaie de formater sur une longueur supérieure à 24 il me retourne une erreur ???

...
toFixed()
au dessus de 24 décimales on dépasse la capacité ...

Code:

1
2
3
4
5
6
7
8
function zeroLead(num,long){
num = num.toString();
while(num.split('').length<long){
    num = '0' + num;
}
return num;
}
alert(zeroLead(12,50))

Bonsoir.

Je ne vois pas d'erreur :koi:

Code:

1
2
3
4
5
6
7
function zeroLead(num, long){
	var n = long - num.toString().length;
 
	return ((n >= 0) ? (num.toFixed(n)).toString().split('.').reverse().join('') : num);
}
 
alert(zeroLead(123, 35));

Sous IE un message d'erreur:

Citation:

Le nombre de fractions est en dehors de la plage

Baignade interdite :mouarf:

Cela provient bien de la imite du toFixed...

Beef... oui bien entendu, j'ai déja proposé ce genre de script ... Je trouvais juste marrant de passer par le toFixed pour ajouter les zeros au lieu de boucler ...

Bonjour.

En effet, je travaille toujours sous Firefox et j'oublie de tester les autres ! :aie:

IE 8 = The number of fractional digits is out of range
Chrome 4 = Uncaught RangeError: toFixed() digits argument must be between 0 and 20

Documentation Firefox :

Citation:

[...] this may be a value between 0 and 20, inclusive, and implementations may optionally support a larger range of values. If this argument is omitted, it is treated as 0.

[Edit 11h40]

Optimisation du code, victoire par KO ! :mrgreen:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8"/>
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<style>
		body {
			background-color:#dcdcdc;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}		
		div#affiche {
			margin:12px;
			padding:6px;
			border:1px solid #999999;
			background-color:#FFFFFF;
			color:#000000;
		}
 
		/* TEST */
		pre {
			font-family:sans-serif;
			font-size:medium;
		}
	</style>
	<script charset="CP-1252" src="../lib/jquery-1.4.2.min.js"></script>
	<script>
		$(function(){
 
			// Bovino
			function zeroLead1(num,long){
				num = num.toString();
 
				while(num.split('').length < long){
					num = '0' + num;
				}
 
				return num;
			}
 
			// danielhagnoul
			function zeroLead2(num, long){
				var nb = num.toString();
				var n = long - nb.length;
				var tab = [];
 
				if (n > -1){
					for(var i = 0; i < n; i++){
						tab.push("0");
					}
				}
 
				tab.push(nb);
 
				return tab.join("");
			}
 
			console.log(zeroLead1(1234567890, 5000));
			console.log(zeroLead2(1234567890, 5000));
 
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<h1>Victoire par KO !</h1>
<pre>
Firebug, essai n° 1 :
 
zeroLead1	1	98.7%	1873.861ms	2102.859ms	2102.859ms	2102.859ms	2102.859ms
zeroLead2	1	 0.1%	   1.909ms	   1.909ms	   1.909ms	   1.909ms	   1.909ms
 
Firebug, essai n° 2 :
 
zeroLead1	1	98.64%	1877.89ms	2102.357ms	2102.357ms	2102.357ms	2102.357ms	
zeroLead2	1	 0.11%	   2.044ms	   2.044ms	   2.044ms	   2.044ms	   2.044ms	
</pre>
	</div>
</body>  
</html>

[Edit 22 mars 2010 à 19h45]

Optimisation finale, victoire (d'une courte tête) de while(n--) !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8"/>
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<style>
		body {
			background-color:#dcdcdc;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}		
		div#affiche {
			margin:12px;
			padding:6px;
			border:1px solid #999999;
			background-color:#FFFFFF;
			color:#000000;
		}
 
		/* TEST */
		pre {
			font-family:sans-serif;
			font-size:medium;
		}
	</style>
	<script charset="CP-1252" src="../lib/jquery-1.4.2.min.js"></script>
	<script>
		$(function(){
 
			function zeroLead20(num, long){
				var nb = num.toString();
				var n = long - nb.length;
				var tab = [];
 
				for(var i = 0; i < n; i++){
					tab.push("0");
				}
 
				tab.push(nb);
 
				return tab.join("");
			}
 
			function zeroLead21(num, long){
				var nb = num.toString();
				var n = long - nb.length;
				var tab = [];
 
				while(n--){	// (n-- > 0) dans essai 1
					tab.push("0");
				}
 
				tab.push(nb);
 
				return tab.join("");
			}
 
			console.log(zeroLead20(1234567890, 20000).length);
			console.log(zeroLead21(1234567890, 20000).length);
 
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<h1>Victoire par KO !</h1>
<pre>
Firebug, avec while(n-- > 0) pour zeroLead21 :
 
zeroLead20(1234567890, 20000)	1	27.99%	7.661ms	7.661ms	7.661ms	7.661ms	7.661ms	
zeroLead21(1234567890, 20000)	1	27.84%	7.621ms	7.621ms	7.621ms	7.621ms	7.621ms
 
Firebug, avec while(n--) pour zeroLead21 :
 
zeroLead20	1	28.39%	7.603ms	7.603ms	7.603ms	7.603ms	7.603ms	
zeroLead21	1	26.05%	6.975ms	6.975ms	6.975ms	6.975ms	6.975ms	
</pre>
	</div>
</body>  
</html>

question de débutant :oops:
Code:

1 2 3 4 5 while(n--) { // (n-- > 0) dans essai 1 tab.push("0"); }
quelle est la condition de d'arrêt de la boucle while ?

Bonsoir.

Et bien, comme dans l'essai 1 : (n-- > 0).

Je suis en faveur de toujours déclarer les conditions d'arrêt et de ne pas compter sur le comportement des navigateurs qui en principe pour n = 0, traduise false.

Avec l'essai 2, je montre que l'absence de la déclaration d'arrêt est la seule chose qui favorise while() par rapport à for().

Auteur:

0 = false
1 = true ( et aussi tout ce qui est supérieur à 1 )