How to fix eslint errors in javascript code

Question

    for (const [key, value] of Object.entries(attrs)) {
      element.setAttribute(`${key}`, `${value}`);
    }
  }

I am using this in my code which is used to select the key values of keyboard but some errors are shown by eslint

error iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow them. Separately, loops should be avoided in favor of array iterations no-restricted-syntax

Answer 1

As @dork correctly pointed out in his comment, ( eslint suggests) you should not use for... of loops. It is not supported in old browsers and may require a polyfill ( regenerator-runtime ).

Better write your code this way:

Object.entries(attrs).forEach(([key, value]) => element.setAttribute(key, value));