React 中的 for 循环显示 ESLint 错误

Question

objToQueryString 函数内的 for 循环向我显示错误

ESLint：for-in 的主体应该包含在 if 语句中，以过滤原型中不需要的属性。（guard-for-in）

const objToQueryString = obj => {
  const keyValuePairs = [];
  for (const key in obj) {
    keyValuePairs.push(
      `${encodeURIComponent(key)}${encodeURIComponent(
        `: "`
      )}${encodeURIComponent(obj[key])}`
    );
  }
  return `${encodeURIComponent(`{`)}${keyValuePairs.join(
    encodeURIComponent(`", `)
  )}${encodeURIComponent(`" }`)}`;
};

并添加： // eslint-disable-next-line guard-for-in不起作用

Answer 1

用

const objToQueryString = (obj) => {
  const keyValuePairs = [];
  for (const key in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, key)) {
      keyValuePairs.push(
        `${encodeURIComponent(key)}${encodeURIComponent(
          ': "',
        )}${encodeURIComponent(obj[key])}`,
      );
    }
  }
  return `${encodeURIComponent('{')}${keyValuePairs.join(
    encodeURIComponent('", '),
  )}${encodeURIComponent('" }')}`;
};

更多关于规则的细节和解释在这里