Membuat Pasangan Objek Dinamis di JavaScript Menggunakan Metode Objek

Memecah Objek JavaScript menjadi Pasangan Menggunakan Metode Objek

Skrip Front-End JavaScript Menggunakan Object.entries() dan 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));

Membuat Pasangan Objek Dinamis Menggunakan Metode Pengurangan JavaScript

Skrip Front-End JavaScript Menggunakan Object.keys() dan 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);

Skrip Node.js Backend untuk Memproses Objek Lebar Material

Skrip Backend Node.js Menggunakan Fungsi Modular untuk Pemetaan Objek

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

Pertanyaan yang Sering Diajukan tentang Metode Objek JavaScript

1. Apa artinya? Object.fromEntries() lakukan dalam JavaScript?
2. Object.fromEntries() mengonversi array pasangan nilai kunci kembali menjadi objek, membalikkan fungsionalitas Object.entries().
3. Bagaimana cara menggabungkan dua objek dalam JavaScript?
4. Anda dapat menggunakan Object.assign() metode untuk menggabungkan dua objek atau lebih menjadi satu, menggabungkan propertinya.
5. Apa perbedaan antara Object.keys() Dan Object.values()?
6. Object.keys() mengembalikan array nama properti objek, sementara Object.values() mengembalikan array nilai properti objek.
7. Bagaimana cara mengkloning objek dalam JavaScript?
8. Untuk mengkloning suatu objek, Anda dapat menggunakan Object.assign(), yang membuat salinan dangkal dari objek aslinya.
9. Bisa reduce() digunakan untuk objek dalam JavaScript?
10. Ya, reduce() dapat diterapkan ke array pasangan nilai kunci yang berasal dari objek, memungkinkan Anda membangun struktur baru atau menghitung data.

Pemikiran Akhir tentang Metode Objek JavaScript

JavaScript menyediakan alat yang ampuh untuk memanipulasi objek, seperti yang ditunjukkan oleh teknik yang digunakan untuk membagi objek menjadi struktur nilai kunci yang berpasangan. Metode seperti Objek.kunci() Dan mengurangi() membantu menyederhanakan transformasi data yang kompleks.

Dengan menguasai metode objek ini, pengembang dapat membuat kode yang lebih bersih dan mudah dipelihara serta dapat diskalakan dengan baik di lingkungan front-end dan back-end. Pendekatan ini ideal untuk proyek yang memerlukan pembuatan objek dinamis dan penanganan data yang efisien.