Parse html links in a string to an object

html-link-to-object.ts

const linkPattern = /<a\s?(.*?)>([^<\/]*)<\/a>/gim;
const contentPattern = /(?:>)(.*?)(?:<)/;
const attrPattern = /\b(\S+)="(.*?)(?=")\b/gim;

const text1 = 'This is an <a href="#1" rel="noopener">example</a> and here we have <a href="#2" role="button">another one</a>';
const text2 = 'This is an example and here we have <a class="test">another one</a>';
const text3 = 'This is an <a id="empty">empty</a> example';
const text4 = 'This is a bad <a id="unsupported" /> example';

getHtmlLinks(text1); // [ { tag: 'a', text: 'example', href: '#1', rel: 'noopener' }, { tag: 'a', text: 'another one', href: '#2', role: 'button' } ] 
getHtmlLinks(text2); // [ { tag: 'a', text: 'another one', class: 'test' } ]
getHtmlLinks(text3); // [ { tag: 'a', text: 'empty', id: 'empty' } ] 
getHtmlLinks(text4); // []

export function getHtmlLinks(input: string) {
  const result = input.match(linkPattern);
  const links: string[] = result ? [].slice.call(result) : [];
  return links.map((link) => {
    const tag = 'a';
    const text = getContent(link);
    const attributes = getAttributes(link);
    return Object.assign({ tag, text }, ...attributes);
  });
}

function getContent(text: string) {
  const result = text.match(contentPattern);
  return result ? result[0].slice(1, result[0].length - 1) : '';
}

function getAttributes(text: string, asObject: boolean = true) {
  const result = text.match(attrPattern);
  const parts: string[] = result ? [].slice.call(result) : [];
  return parts.map(part => {
    const [key, value] = part.split('="');
    return asObject ? { [key]: value } : [key, value];
  });
}