Vytváranie dynamických párov objektov v JavaScripte pomocou objektových metód

Rozdelenie objektov JavaScriptu do párov pomocou objektových metód

JavaScript front-end skript využívajúci Object.entries() a metódy Array

// 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));

Vytváranie dynamických párov objektov pomocou metódy redukcie JavaScriptu

JavaScript front-end skript pomocou Object.keys() a Array.reduce()

// 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);

Backend Node.js skript na spracovanie objektov so šírkou materiálu

Backendový skript Node.js využívajúci modulárne funkcie na mapovanie objektov

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

Často kladené otázky o metódach objektov JavaScript

1. Čo robí Object.fromEntries() robiť v JavaScripte?
2. Object.fromEntries() konvertuje pole párov kľúč-hodnota späť na objekt, čím obráti funkčnosť Object.entries().
3. Ako môžem zlúčiť dva objekty v JavaScripte?
4. Môžete použiť Object.assign() metóda na zlúčenie dvoch alebo viacerých objektov do jedného, ​​kombinovaním ich vlastností.
5. Aký je rozdiel medzi Object.keys() a Object.values()?
6. Object.keys() vráti pole názvov vlastností objektu, zatiaľ čo Object.values() vráti pole hodnôt vlastností objektu.
7. Ako môžem naklonovať objekt v JavaScripte?
8. Na klonovanie objektu môžete použiť Object.assign(), ktorý vytvorí plytkú kópiu pôvodného objektu.
9. Môže reduce() použiť pre objekty v JavaScripte?
10. áno, reduce() možno použiť na polia párov kľúč-hodnota odvodených z objektov, čo vám umožňuje vytvárať nové štruktúry alebo počítať údaje.

Záverečné myšlienky o objektových metódach JavaScriptu

JavaScript poskytuje výkonné nástroje na manipuláciu s objektmi, ako to demonštrujú techniky používané na rozdelenie objektov do párových štruktúr kľúč – hodnota. Metódy ako Object.keys() a znížiť () pomáhajú zjednodušiť zložité transformácie údajov.

Zvládnutím týchto objektových metód môžu vývojári vytvoriť čistejší a lepšie udržiavateľný kód, ktorý sa dobre škáluje v prostredí front-end aj back-end. Tento prístup je ideálny pre projekty vyžadujúce dynamické vytváranie objektov a efektívnu manipuláciu s dátami.