Creació de parells d'objectes dinàmics en JavaScript mitjançant mètodes d'objectes

Desglossament d'objectes JavaScript en parells mitjançant mètodes d'objectes

Script front-end de JavaScript que utilitza Object.entries() i mètodes de matriu

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

Creació de parells d'objectes dinàmics mitjançant el mètode Reduce de JavaScript

Script frontal de JavaScript que utilitza Object.keys() i 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);

Script Node.js de backend per processar objectes d'amplada de material

Script de backend de Node.js que utilitza funcions modulars per al mapeig d'objectes

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

Preguntes freqüents sobre els mètodes d'objectes JavaScript

1. Què fa Object.fromEntries() fer en JavaScript?
2. Object.fromEntries() torna a convertir una matriu de parells clau-valor en un objecte, invertint la funcionalitat de Object.entries().
3. Com puc combinar dos objectes en JavaScript?
4. Podeu utilitzar el Object.assign() mètode per combinar dos o més objectes en un, combinant les seves propietats.
5. Quina diferència hi ha entre Object.keys() i Object.values()?
6. Object.keys() retorna una matriu dels noms de propietat de l'objecte, while Object.values() retorna una matriu dels valors de propietat de l'objecte.
7. Com puc clonar un objecte en JavaScript?
8. Per clonar un objecte, podeu utilitzar Object.assign(), que crea una còpia superficial de l'objecte original.
9. Can reduce() s'utilitzarà per a objectes en JavaScript?
10. Sí, reduce() es pot aplicar a matrius de parells clau-valor derivats d'objectes, la qual cosa us permet construir noves estructures o calcular dades.

Consideracions finals sobre els mètodes d'objectes de JavaScript

JavaScript proporciona eines potents per manipular objectes, tal com demostren les tècniques utilitzades per dividir objectes en estructures de valor-clau aparellades. Mètodes com Object.keys() i reduir () ajudar a simplificar les transformacions complexes de dades.

En dominar aquests mètodes d'objectes, els desenvolupadors poden crear un codi més net i més fàcil de mantenir que s'escalfi bé tant en entorns de front-end com de back-end. Aquest enfocament és ideal per a projectes que requereixen creació d'objectes dinàmics i un maneig eficient de dades.