將 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;
    });
  });
};