将 ES6 JavaScript 转换为 ES5 格式

Question

在其他问题中找到了一个代码片段，但如何将其转换为 ES5 格式。

试图从 JSON 数组中获取数据。

const match = (query, input) => input.filter((entry) => Object.entries(query).every(([k, v]) => entry[k] === v));

Answer 1

可以通过 babel 运行 ES6 得到 ES5

https://babeljs.io/

您可以设置构建步骤，以便您可以在 ES6 中进行开发并为旧版浏览器转换为 ES5。

Answer 2

一步一步来，让我们让格式更符合 ES5 风格：

const match = (query, input) => {
  return input.filter((entry) => {
    return Object.entries(query).every(([k, v]) => {
      return entry[k] === v;
    });
  });
};

删除 ES6 特定的语法给我们：

function match(query, input) {
  return input.filter(function(entry) {
    return Object.entries(query).every(function(kv) {
      return entry[kv.k] === kv.v;
    });
  });
}

最后，我们需要删除对Object.entries()调用：

function match(query, input) {
  return input.filter(function(entry) {
    return Object.keys(query).every(function(key) {
      return entry[key] === query[key];
    });
  });
}

Answer 3

var match = function match(query, input) {
  return input.filter(function (entry) {
    return Object.entries(query).every(function (ref) {
      var k = ref[0],
          v = ref[1];
      return entry[k] === v;
    });
  });
};