Opprette dynamiske objektpar i JavaScript ved hjelp av objektmetoder

Bryte ned JavaScript-objekter i par ved hjelp av objektmetoder

JavaScript Front-End-skript som bruker Object.entries() og matrisemetoder

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

Opprette dynamiske objektpar ved å bruke JavaScripts reduksjonsmetode

JavaScript Front-End-skript som bruker Object.keys() og 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 for behandling av objekter med materialbredde

Node.js Backend-skript som bruker modulære funksjoner for objektkartlegging

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

Ofte stilte spørsmål om JavaScript-objektmetoder

1. Hva gjør Object.fromEntries() gjøre i JavaScript?
2. Object.fromEntries() konverterer en rekke nøkkelverdi-par tilbake til et objekt, og reverserer funksjonaliteten til Object.entries().
3. Hvordan kan jeg slå sammen to objekter i JavaScript?
4. Du kan bruke Object.assign() metode for å slå sammen to eller flere objekter til ett, ved å kombinere egenskapene deres.
5. Hva er forskjellen mellom Object.keys() og Object.values()?
6. Object.keys() returnerer en matrise med objektets egenskapsnavn, while Object.values() returnerer en matrise med objektets egenskapsverdier.
7. Hvordan kan jeg klone et objekt i JavaScript?
8. For å klone et objekt, kan du bruke Object.assign(), som lager en grunn kopi av det originale objektet.
9. Kan reduce() brukes til objekter i JavaScript?
10. Ja, reduce() kan brukes på arrays av nøkkelverdi-par avledet fra objekter, slik at du kan bygge nye strukturer eller beregne data.

Siste tanker om JavaScript-objektmetoder

JavaScript gir kraftige verktøy for å manipulere objekter, som demonstrert av teknikkene som brukes til å dele objekter i sammenkoblede nøkkelverdistrukturer. Metoder som Object.keys() og redusere() bidra til å forenkle komplekse datatransformasjoner.

Ved å mestre disse objektmetodene kan utviklere lage renere, mer vedlikeholdbar kode som skaleres godt i både front-end- og back-end-miljøer. Denne tilnærmingen er ideell for prosjekter som krever dynamisk objektoppretting og effektiv datahåndtering.