{"id":1493,"date":"2010-12-10T13:22:18","date_gmt":"2010-12-10T11:22:18","guid":{"rendered":"http:\/\/nyams.planbweb.com\/blog\/?p=1493"},"modified":"2010-12-10T13:22:18","modified_gmt":"2010-12-10T11:22:18","slug":"javascript-snippets-trim","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/javascript-snippets-trim\/","title":{"rendered":"Javascript Snippets : Trim"},"content":{"rendered":"
\n

Attention:<\/strong> Les informations de ce billet sont susceptibles d'être obsolètes car vieux de plus 2 ans.<\/p>\n

Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div>

En javascript<\/code>, un d\u00e9veloppeur est t\u00f4t ou tard confronter aux donn\u00e9es envoy\u00e9e par un utilisateur. Hors comme tout le monde le sait il ne faut jamais avoir confiance en un utilisateur. Afin de pr\u00e9venir les ajouts irr\u00e9fl\u00e9chis de ceux-ci une fonction int\u00e9ressante qui existe dans tous les langages moderne est la fonction trim<\/code>. Celle-ci permet d’enlever le surplus de caract\u00e8res vides en amont et en aval d’une chaine de caract\u00e8re soumise.<\/p>\n

Mais comme le Javascript<\/code> n’est pas comme tous les langages (si si.. je vous l’assure \ud83d\ude42 ), jusqu’\u00e0 tr\u00e8s r\u00e9cemment, le langage \u00e9tait d\u00e9pourvu de fonction native trim<\/code>. Mais tout cela va changer car avec, EcmaScript 5<\/code>, tous les navigateurs r\u00e9cents (y compris IE9) poss\u00e8dent dor\u00e9navant une fonction trim<\/code> en natif. Le code suivant fonctionnera donc d\u00e9sormais sans aucun probl\u00e8me dans votre navigateur.<\/p>\n

var my_string = "\u00a0\u00a0 I'm sick of using javascript workaround for the trim function\u00a0\u00a0\u00a0\u00a0 ";\nmy_string.trim();\u00a0 \/\/ce qui donne "I'm sick of using javascript workaround for the trim function"<\/pre>\n
Et pour les anciens navigateurs me direz-vous, on fait comment ? H\u00e9 bien, c’est simple, un petit code bien ficel\u00e9 vous permettra d’\u00e9galement utiliser la fonction trim<\/code> sur les vieux navigateurs encore en service. Elle est belle la vie des d\u00e9veloppeurs quand m\u00eame \ud83d\ude09 .<\/p>\n
\/\/ajouter ce code avant d'utiliser la fonction trim bien \u00e9videmment\nif (!String.prototype.trim) {\nString.prototype.trim = function() { return this.replace(\/^ss*\/, '').replace(\/ss*$\/, ''); };\n}<\/pre>\n
PS: il existe beaucoup de m\u00e9thodes pour effecteur cette op\u00e9ration<\/a>, celle que j’ai choisi est bas\u00e9 sur le code de @slevithan<\/a><\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"
Comment utiliser sans accroc la fonction trim en Javascript… suivez le guide<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[292,381,537],"class_list":["post-1493","post","type-post","status-publish","format-standard","hentry","category-web","tag-javascript","tag-navigateur","tag-trim"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=1493"}],"version-history":[{"count":0,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1493\/revisions"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=1493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=1493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=1493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}