Crearea perechilor de obiecte dinamice în JavaScript folosind metode obiect

Împărțirea obiectelor JavaScript în perechi folosind metode obiect

JavaScript Front-End Script Folosind Object.entries() și Metode 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));

Crearea perechilor de obiecte dinamice utilizând metoda Reduce a JavaScript

Script front-end JavaScript folosind 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);

Backend Node.js Script pentru procesarea obiectelor cu lățimea materialului

Scriptul backend Node.js care utilizează funcții modulare pentru maparea obiectelor

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

Întrebări frecvente despre metodele obiectelor JavaScript

1. Ce face Object.fromEntries() face în JavaScript?
2. Object.fromEntries() convertește o matrice de perechi cheie-valoare înapoi într-un obiect, inversând funcționalitatea lui Object.entries().
3. Cum pot îmbina două obiecte în JavaScript?
4. Puteți folosi Object.assign() metodă de a îmbina două sau mai multe obiecte într-unul singur, combinând proprietățile acestora.
5. Care este diferența dintre Object.keys() şi Object.values()?
6. Object.keys() returnează o matrice cu numele proprietăților obiectului, while Object.values() returnează o matrice cu valorile proprietăților obiectului.
7. Cum pot clona un obiect în JavaScript?
8. Pentru a clona un obiect, puteți utiliza Object.assign(), care creează o copie superficială a obiectului original.
9. Can reduce() să fie folosit pentru obiecte în JavaScript?
10. Da, reduce() poate fi aplicat la matrice de perechi cheie-valoare derivate din obiecte, permițându-vă să construiți noi structuri sau să calculați date.

Gânduri finale despre metodele obiectelor JavaScript

JavaScript oferă instrumente puternice pentru manipularea obiectelor, așa cum demonstrează tehnicile utilizate pentru a împărți obiectele în structuri pereche cheie-valoare. Metode ca Object.keys() şi reduce() ajuta la simplificarea transformărilor complexe de date.

Prin stăpânirea acestor metode de obiect, dezvoltatorii pot crea cod mai curat, mai ușor de întreținut, care se scalează bine atât în ​​medii front-end, cât și în back-end. Această abordare este ideală pentru proiectele care necesită crearea dinamică a obiectelor și manipularea eficientă a datelor.