November 6, 2023

Text To Hex

Hex Hex

Weiterlesen
September 21, 2020

RegEx und der Punkt

intressante Facts zu RegEx

Weiterlesen
Cover Image

Text To Hex

Hex Hex

November 6, 2023 - Lesezeit: 14 Minuten

Manchmal kann es sinnvoll sein, sich Text in Hex anzeigen zu lassen. Besonders bevor man mit ihm weiterarbeitet, da es wirklich vorkommen kann, dass intern mit anderen Werten gearbeitet wird und diese Info dann im weiteren Verlauf fort ist, was zu Problemen führen kann. Dafür hab ich mal ne Funktion geschrieben:

function utf8ToHex(str) {
return Array.from(str).map(c =>
c.charCodeAt(0) < 128 ? c.charCodeAt(0).toString(16) :
encodeURIComponent(c).replace(/\%/g,'').toLowerCase()
).join('-');
}

Mithilfe dieser Funktion kann man einen String leicht analysieren. So geschehen mit folgender Funktion:

utf8ToHex(new Intl.NumberFormat('de-DE', {
style: 'currency',
currency: 'EUR',
}).format(20))

Das Ergebnis war sehr intressant:

32-30-2c-30-30-c2a0-e282ac

An der Stelle, wo ich ein Leerzeichen "20" vermutete war ein "c2a0". Sieht man beim Ausgeben nicht und ist beim Kopieren weg. Folgende Funktion funktionierte dann nicht wie gewünscht:

new Intl.NumberFormat('de-DE', {
style: 'currency',
currency: 'EUR',
}).format(20).match(new RegExp("0 €", 'gi'))

-> null

Ich erwartete, dass das geht. Weil ich ja nur ein Leerzeichen gesehen habe. Da war aber ein NOBREAK.

So geht es jetzt:

new Intl.NumberFormat('de-DE', {
style: 'currency',
currency: 'EUR',
}).format(20).replace('\xa0',' ').match(new RegExp('0 €','gi'))

2 Stunden testen und suchen, nur weil ich es nicht gesehen haben und es beim Kopieren verloren gegangen ist...


Cover Image

RegEx und der Punkt

intressante Facts zu RegEx

September 21, 2020 - Lesezeit: 2 Minuten

Regex ist ja dazu da irgendwas in einem Text zu finden. Das kann man dann zum Beispiel ersetzen. Oder anderweitig verwenden. Nun ist das aber auch ein Text. Wenn ich also Schlüsselwerte verwende, macht RegEx nicht unbedingt was es soll.

Ich möchte die Punkte durch unterstriche ersetzen: Also

 mde.symolo.info -> mde_symolo_info
replace(/./g"_")

erster Versuch: _______________

Höh, so wollte ich das nicht. Liegt daran, dass der Punkt ein reserviertes Zeichen ist. Der Punkt beschreibt alles. Um jetzt den Punkt nicht als Schlüsselwert zu verwenden, kann man ein Schrägstrich vorranstellen und damit die Interpretation passend abändern:

replace(/\./g"_")

Zweiter Versuch: mde_symolo_info

Yeah, war doch ganz einfach ;).

Intressante Links zu dem Thema:

https://javascript.info/regexp-escaping

https://regex101.com/