formater un integer sur une longueur fixe

**SpaceFrog** · 19/03/2010, 17h29

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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))

**SpaceFrog** · 20/03/2010, 09h57

Par contre je tombe sur une curiosité:

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

**SpaceFrog** · 21/03/2010, 12h17

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

**Bovino** · 21/03/2010, 14h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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))

**danielhagnoul** · 22/03/2010, 00h08

Bonsoir.

Je ne vois pas d'erreur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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));

**SpaceFrog** · 22/03/2010, 08h23

Sous IE un message d'erreur:

Le nombre de fractions est en dehors de la plage

Baignade interdite

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 ...

**danielhagnoul** · 22/03/2010, 08h50

Bonjour.

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

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 :

[...] 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 !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Auteur** · 23/03/2010, 22h19

question de débutant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**danielhagnoul** · 23/03/2010, 23h08

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().

**SpaceFrog** · 24/03/2010, 08h38

Auteur:

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

formater un integer sur une longueur fixe

Contribuez

Discussions similaires

Partager

Partager