Dinaminių objektų porų kūrimas JavaScript naudojant objektų metodus

„JavaScript“ objektų suskirstymas į poras naudojant objektų metodus

„JavaScript“ priekinio galo scenarijus, naudojant Object.entries() ir masyvo metodus

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

Dinaminių objektų porų kūrimas naudojant „JavaScript“ mažinimo metodą

„JavaScript“ priekinio galo scenarijus naudojant Object.keys() ir 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 scenarijus, skirtas apdoroti medžiagos pločio objektus

Node.js backend scenarijus, naudojant modulines funkcijas objektų atvaizdavimui

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

Dažnai užduodami klausimai apie „JavaScript“ objektų metodus

1. Kas daro Object.fromEntries() daryti JavaScript?
2. Object.fromEntries() paverčia raktų ir reikšmių porų masyvą atgal į objektą, pakeisdamas jo funkcionalumą Object.entries().
3. Kaip galiu sujungti du objektus „JavaScript“?
4. Galite naudoti Object.assign() būdas sujungti du ar daugiau objektų į vieną, sujungiant jų savybes.
5. Koks skirtumas tarp Object.keys() ir Object.values()?
6. Object.keys() grąžina objekto ypatybių pavadinimų masyvą, while Object.values() grąžina objekto savybių reikšmių masyvą.
7. Kaip galiu klonuoti objektą „JavaScript“?
8. Norėdami klonuoti objektą, galite naudoti Object.assign(), kuri sukuria negilią originalaus objekto kopiją.
9. Gali reduce() būti naudojamas „JavaScript“ objektams?
10. taip, reduce() gali būti taikomas iš objektų gautų raktų ir reikšmių porų masyvams, leidžiantiems kurti naujas struktūras arba apskaičiuoti duomenis.

Paskutinės mintys apie „JavaScript“ objektų metodus

„JavaScript“ suteikia galingus įrankius, skirtus manipuliuoti objektais, kaip rodo metodai, naudojami objektams skaidyti į suporuotas raktų verčių struktūras. Metodai kaip Object.keys() ir sumažinti () padėti supaprastinti sudėtingas duomenų transformacijas.

Įvaldę šiuos objektų metodus, kūrėjai gali sukurti švaresnį, labiau prižiūrimą kodą, kuris gerai keičiasi tiek priekinėje, tiek galinėje aplinkoje. Šis metodas idealiai tinka projektams, kuriems reikalingas dinamiškas objektų kūrimas ir efektyvus duomenų tvarkymas.