55. HTML文字列でキーワードをハイライトする

少し工夫が必要  - accepted / - tried

検索サジェストを実装ましょう。

キーワードを入力して、サジェストを表示するときに、どうやったらキーワードをハイライトすることができる?

この問題に置いては、highlightKeywords(html:string, keywords: string[])を実装し、渡される文字列の中のキーワードを<em> で囲んでください。

以下は例です。

highlightKeywords(
  'Hello FrontEnd Lovers', 
  ['Hello', 'Front', 'JavaScript']
)
// '<em>Hello</em> <em>Front</em>End Lovers'

最低限の<em>を利用してください、被ることにご注意を。

highlightKeywords(
  'Hello FrontEnd Lovers', 
  ['Front', 'End', 'JavaScript']
)
// 'Hello <em>FrontEnd</em> Lovers'

highlightKeywords(
  'Hello FrontEnd Lovers', 
  ['Front', 'FrontEnd', 'JavaScript']
)
// 'Hello <em>FrontEnd</em> Lovers'

スペースは対象外にしてください。

エッジケースを網羅しよう。

(3)
(72)