合并 JSON 数据

Question

我需要合并一些数据。我有一个数组var company = ["Toyota", "Honda"]，并且我在 javascript 文件中有一些相应的数据。

JS 文件：

var Toyota = {
  text: "Toyota",
  origin: "Japan",
  icon: "icon"
};

var Ford = {
  text: "Ford",
  founder: "Henry Ford",
  icon: "icon"
};

var Honda = {
  text: "Honda",
  models: "12"
};

如何读取此文件以仅查找 数组中存在的元素，然后创建如下所示的 JSON 对象（JSON 对象是两家公司，因为 Ford 不存在于数组中）。 JSON 的数据将从 javascript 文件中获取。我正在尝试用 javascript 编写代码。

{ 
 "name": "Toyota",
 "origin": "Japan",
},
{
 "text": "Honda",
 "models": "12",
},

谢谢

Answer 1

你可以这样做：

var company = ["Toyota", "Honda"];

var Toyota = {
  text: "Toyota",
  origin: "Japan",
  icon: "icon"
};

var Ford = {
  text: "Ford",
  founder: "Henry Ford",
  icon: "icon"
};

var Honda = {
  name: "Honda",
  models: "12"
};

let final = [];
[Toyota, Honda, Ford].forEach(brand => {
  if (company.includes(brand.text) || company.includes(brand.name)) {
    final.push(brand);
  }
});

编辑 您可以像这样在不同的文件中使用变量：

文件 1

export var Toyota = {
  text: "Toyota",
  origin: "Japan",
  icon: "icon"
};

export var Ford = {
  text: "Ford",
  founder: "Henry Ford",
  icon: "icon"
};

export var Honda = {
  name: "Honda",
  models: "12"
};

文件 2（您将在其中使用文件 1）

import {Ford, Honda, Toyota} from './file1.js'

var company = ["Toyota", "Honda"];
let final = [];
[Toyota, Honda, Ford].forEach(brand => {
  if (company.includes(brand.text) || company.includes(brand.name)) {
    final.push(brand);
  }
});

可以帮助您理解这个问题的答案的资源： - Object Destruction - Import/Export ES6

Answer 2

您的 JS 文件在全局范围内声明变量。这意味着它们不仅在函数内部可用，而且在任何地方都可用。因此，它们成为window 对象的属性。所以你可以像这样访问它们：

window["Toyota"]

一旦你知道了这一点，你就可以这样做：

var company = ["Toyota", "Honda"];
var result = company.map(function (c) { return window[c]; });

console.log(result); // [{ "name": "Toyota", "origin": "Japan" }, ...]