使用对象方法在 JavaScript 中创建动态对象对

使用对象方法将 JavaScript 对象分解为对

使用 Object.entries() 和数组方法的 JavaScript 前端脚本

// Sample input object with materials and widths
const input = {
  'material-1': '0250',
  'material-2': '8963',
  'width-1': '10',
  'width-2': '25'
};

// Function to create an array of objects based on matching indices
function splitObjectIntoPairs(obj) {
  const result = [];
  const materials = Object.entries(obj).filter(([key]) => key.includes('material'));
  const widths = Object.entries(obj).filter(([key]) => key.includes('width'));
  for (let i = 0; i < materials.length; i++) {
    const materialObj = {};
    materialObj[materials[i][0]] = materials[i][1];
    materialObj[widths[i][0]] = widths[i][1];
    result.push(materialObj);
  }
  return result;
}

// Test the function
console.log(splitObjectIntoPairs(input));

使用JavaScript的Reduce方法创建动态对象对

使用 Object.keys() 和 Array.reduce() 的 JavaScript 前端脚本

// Sample input object
const data = {
  'material-1': '0250',
  'material-2': '8963',
  'width-1': '10',
  'width-2': '25'
};

// Function to group object pairs using reduce
function groupPairs(obj) {
  return Object.keys(obj).reduce((acc, key) => {
    const match = key.match(/(\w+)-(\d+)/);
    if (match) {
      const [_, type, id] = match;
      if (!acc[id]) acc[id] = {};
      acc[id][key] = obj[key];
    }
    return acc;
  }, {});
}

// Convert result object into an array of objects
const pairsArray = Object.values(groupPairs(data));
console.log(pairsArray);

用于处理材质宽度对象的后端 Node.js 脚本

使用模块化函数进行对象映射的 Node.js 后端脚本

const materialsAndWidths = {
  'material-1': '0250',
  'material-2': '8963',
  'width-1': '10',
  'width-2': '25'
};

// Function to process and map objects into key-value pairs
function mapObjects(obj) {
  const output = [];
  const materials = Object.keys(obj).filter(k => k.startsWith('material'));
  const widths = Object.keys(obj).filter(k => k.startsWith('width'));
  materials.forEach((key, index) => {
    const materialKey = key;
    const widthKey = widths[index];
    output.push({
      [materialKey]: obj[materialKey],
      [widthKey]: obj[widthKey]
    });
  });
  return output;
}

// Call function and display results
const result = mapObjects(materialsAndWidths);
console.log(result);

// Module export for reuse in different environments
module.exports = { mapObjects };

有关 JavaScript 对象方法的常见问题

1. 什么是 Object.fromEntries() 用 JavaScript 做什么？
2. Object.fromEntries() 将键值对数组转换回对象，反转功能 Object.entries()。
3. 如何在 JavaScript 中合并两个对象？
4. 您可以使用 Object.assign() 方法将两个或多个对象合并为一个，组合它们的属性。
5. 有什么区别 Object.keys() 和 Object.values()？
6. Object.keys() 返回对象属性名称的数组，而 Object.values() 返回对象属性值的数组。
7. 如何在 JavaScript 中克隆对象？
8. 要克隆对象，您可以使用 Object.assign()，它创建原始对象的浅表副本。
9. 能 reduce() 用于 JavaScript 中的对象？
10. 是的， reduce() 可以应用于从对象派生的键值对数组，允许您构建新的结构或计算数据。

关于 JavaScript 对象方法的最终想法

JavaScript 提供了用于操作对象的强大工具，用于将对象拆分为成对的键值结构的技术就证明了这一点。方法如 对象.keys() 和 减少（） 帮助简化复杂的数据转换。

通过掌握这些对象方法，开发人员可以创建更清晰、更易于维护的代码，这些代码在前端和后端环境中都可以很好地扩展。这种方法非常适合需要动态对象创建和高效数据处理的项目。