I'm trying to transform a message with default font to the font "vaporwave", but when it finds a letter that isn't defined, it returns undefined, how could i make it skip that letter that wasn't defined and leave the original one?
font = {
"A": "Ａ",
"B": "Ｂ",
"C": "Ｃ",
"D": "Ｄ",
"E": "Ｅ",
"F": "Ｆ",
[...]
}
const string = "hello world"
const vapour = string.split('').map(letter => {
return font[letter];
}).join('');
//return for example, "undefined ＥＬ Ｌ Ｏ [...]"
//i want: "h ＥＬ Ｌ Ｏ [...]"
You can alternate the font[letter] with the original letter:
const vapour = string.split('').map(letter => {
return font[letter] || letter;
}).join('');
Or, what I'd prefer would be to construct a regular expression from the keys of the object:
const pattern = new RegExp('[' + Object.keys(font).join('') + ']', 'g');
const vapour = string.replace(pattern, char => font[char]);
Use Nullish coalescing operator (??) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator
const vapour = string.split('').map(letter => {
return font[letter] ?? letter;
}).join('');
Why not just check if the letter is present in the dictionary ?
font = {
"A": "Ａ",
"B": "Ｂ",
"C": "Ｃ",
"D": "Ｄ",
"E": "Ｅ",
"F": "Ｆ",
}
const string = "ABCDEFG123"
const vapour = string.split('').map(letter => {
if (letter in font) {
return font[letter];
} else {
return letter
}
}).join('');
console.log(string, "-->", vapour);