to UpperCase "partiel"

Version imprimable

15/08/2012, 21h05
almoha

to UpperCase "partiel"
Bonjour,

Ce code permet de mettre en majuscule une chaine du style "Nom-Prénom" :
Code:

1 2 3 var chaine="bouvier Jacques"; alert(chaine.toUpperCase());
cela donne "BOUVIER JACQUES".

Je souhaiterais en fait ne mettre en majuscule que le 1er mot (en l'occurrence le Nom), le 2nd mot (le prénom) devant rester en minuscule :

"BOUVIER Jacques"

A priori il faudrait détecter l'espace séparant le nom du prénom. Mais je ne vois pas comment faire pour arriver au résultat escompté. Pouvez-vous m'aider? Merci.

Code:

1
2
3
4
5
var chaine="bouvier Jacques";
chaine = chaine.split(' ');
chaine[0] = chaine[0].toUpperCase();
chaine = chaine.join(' ');
alert(chaine);

edit: avec une regex (ce qui n'est pas du tout mon fort) :

Code:

1
2
var chaine="bouvier Jacques";
alert(chaine.replace(/^(\w*)\b/,function(a){return a.toUpperCase();}));

16/08/2012, 07h54
vermine

Bonjour,

Attention Willpower, il faut prendre le dernier espace, pas le premier. ;)
18/08/2012, 14h37
almoha

Merci à Willpower, le 1er code fonctionne (je n'ai pas essayé le 2nd) ;)
19/08/2012, 10h54
vermine

Bonjour,

Je ne suis pas d'accord. Comme je le signalais, les noms de familles en plusieurs parties sont monnaies courantes. Essayer de faire cela avec le nom "Van Der Biest Jacques" et vous n'aurez que le "VAN" en majuscules.

Si vous continuez sur le premier code, il faut boucler sur le nombre d'éléments dans le tableau du split et les mettre en majuscules à l'exception du dernier.

Les versions adaptées à l'interprétation de Vermine (seul le dernier mot n'est pas mis en majuscule) :
Code:

1 2 3 4 5 var chaine="bouvier henri Jacques"; var array = chaine.split(' '); var nom = array.slice(0,array.length-1).join(' ').toUpperCase(); chaine = nom+' '+array[array.length-1]; alert(chaine);
Code:

1 2 var chaine="bouvier henri Jacques"; alert(chaine.replace(/^(.*)\b(\w+)$/,function($,$1,$2){return $1.toUpperCase()+$2;}));
(il existe peut-être mieux niveau regex, vu que ce n'est pas du tout mon fort)

19/08/2012, 16h18
Watilin
Le symbole \b est en effet intéressant à utiliser :
Code:

1 2 var chaine="bouvier henri Jacques"; alert(chaine.replace(/\b\w/g, function( c ){ return c.toUpperCase() }));
Cependant, il a une grosse limitation : il ne traite pas les caractères accentués.
Code:

1 2 >>> "botêt jérémie".replace(/\b\w/g, function( c ) { return c.toUpperCase() }) "BotêT JéRéMie"
Je ressors une conversation qui avait déjà soulevé le problème. Et je vais fouiller un peu, il doit y avoir moyen de traiter ces caractères de manière plus globale en utilisant des intervalles…
24/08/2012, 16h02
almoha

Merci à tous pour votre éclairage sur ma question ;)
24/08/2012, 16h06
SpaceFrog

Wat
Même avec un fichier encodé en utf8 ?

Ouaip, même. L'ancre \b correspond à ce qu'il y a entre \W et \w, ou inversement. Sachant que \w correspond à [a-zA-Z0-9_], les caractères accentués sont laissés sur la touche…

C'est dit de manière un peu crûe sur un topic de Stackoverflow (je traduis) :

Citation:

Javascript est coincé dans l'idiote mentalité « ASCII seulement » des années 60.

Sinon, j'ai testé avec des pages de différents encodages, la fonction charAt renvoie toujours les mêmes codes, et apparemment c'est de l'UTF-8. Quant aux intervalles… Je pense que c'est plus simple de passer d'abord la chaîne en lower case, puis de tester avec [a-zà-öø-ÿ]. Ça inclut toutes les variantes de lettres de l'ensemble Latin-1 (y compris les tildes, n'est-ce pas Bovino ;)) et je pense que c'est suffisant :P

Je me suis fait une page de test :

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
<!DOCTYPE html>
<html lang=fr>
<head>
	<meta charset=iso-8859-1>
	<title>Lettre ou pas lettre&nbsp;?</title>
	<style>
 
body {
        font: 90% verdana, helvetica, sans-serif;
        margin: 1em 2em;
        max-width: 60em;
}
table { border-collapse: collapse; }
th { background: silver; }
th, td {
        border: solid thin black;
        text-align: center;
        vertical-align: baseline;
}
td {
        width: 1.6em;
        height: 1.6em;
}
a { opacity: 0.5; text-decoration: none; }
a.letter { opacity: 1; }
a:hover { text-decoration: underline; }
 
 
        </style>
</head>
<body>
 
<label for=page>Page unicode&nbsp;:</label>
<input id=page type=number min=0 max=65280 step=256 value=0 />
 
<script>
 
// moyen plus ou moins fiable de savoir si un caractère est une lettre
String.prototype.mayBeLetter = function mayBeLetter() {
        return (1 == this.length) && (this.toUpperCase() != this.toLowerCase());
}
 
// structure constante de la table
var $tab = document.createElement("table"),
        $thead = $tab.createTHead(-1),
        $headersRow = $thead.insertRow(-1);
$headersRow.insertCell(-1);
for (var i = 0; i < 16; i++) {
        var $colHead = document.createElement("th");
        $colHead.textContent = i.toString(16).toUpperCase();
        $headersRow.appendChild($colHead);
}
 
// interaction avec l'input
var $page = document.getElementById("page");
$page.onchange = function(){ showRange(this.value); };
 
function showRange( page ){
        page = page * 1 || 0;
        
        // supprime l'ancien contenu
        var $oldTbody = document.querySelector("tbody");
        if ($oldTbody)
                $oldTbody.parentNode.removeChild($oldTbody);
        
        
        var $tbody = document.createElement("tbody");
        $tab.appendChild($tbody);
        
        for (var i = 0; i < 16; i++) {
                var $row = $tbody.insertRow(-1);
                
                // colonne d'en-tête
                var $rowHead = document.createElement("th");
                $rowHead.appendChild(document.createTextNode(
                        (page.toString(16) + i.toString(16)).toUpperCase() + "x"));
                $row.appendChild($rowHead);
                
                for (var j = 0; j < 16; j++) {
                        var $cell = $row.insertCell(-1);
                        
                        // calcul du code
                        var hex = (page * 256 + 16 * i + j).toString(16),
                                leadingZeros = 4 - hex.length,
                                codePoint = hex,
                                c;
                        
                        // ajout de zéros
                        for (var z = leadingZeros; z--;)
                                codePoint = "0" + codePoint;
                        
                        // et voici le caractère
                        c = eval("'\\u" + codePoint + "'")
                        
                        // insertion dans la cellule
                        var $a = document.createElement("a");
                        $a.href = "http://www.fileformat.info/info/unicode/char/" + codePoint;
                        $a.appendChild(document.createTextNode(c));
                        $cell.appendChild($a);
                        if (c.mayBeLetter())
                                $a.className = "letter";
                }
        }
}
 
document.body.appendChild($tab);
showRange($page.value);
 
</script>
</body>
</html>