Tạo các cặp đối tượng động trong JavaScript bằng các phương thức đối tượng

Chia các đối tượng JavaScript thành các cặp bằng cách sử dụng các phương thức đối tượng

Tập lệnh Front-End JavaScript sử dụng các phương thức Object.entries() và 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));

Tạo các cặp đối tượng động bằng phương pháp rút gọn của JavaScript

Tập lệnh Front-End JavaScript sử dụng Object.keys() và 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);

Tập lệnh Node.js phụ trợ để xử lý các đối tượng có chiều rộng vật liệu

Tập lệnh phụ trợ Node.js sử dụng các hàm mô-đun để ánh xạ đối tượng

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

Câu hỏi thường gặp về Phương thức đối tượng JavaScript

1. làm gì Object.fromEntries() làm gì trong JavaScript?
2. Object.fromEntries() chuyển đổi một mảng các cặp khóa-giá trị thành một đối tượng, đảo ngược chức năng của Object.entries().
3. Làm cách nào để hợp nhất hai đối tượng trong JavaScript?
4. Bạn có thể sử dụng Object.assign() phương pháp hợp nhất hai hoặc nhiều đối tượng thành một, kết hợp các thuộc tính của chúng.
5. Sự khác biệt giữa Object.keys() Và Object.values()?
6. Object.keys() trả về một mảng tên thuộc tính của đối tượng, trong khi Object.values() trả về một mảng các giá trị thuộc tính của đối tượng.
7. Làm cách nào tôi có thể sao chép một đối tượng trong JavaScript?
8. Để sao chép một đối tượng, bạn có thể sử dụng Object.assign(), tạo ra một bản sao nông của đối tượng ban đầu.
9. Có thể reduce() được sử dụng cho các đối tượng trong JavaScript?
10. Đúng, reduce() có thể được áp dụng cho mảng các cặp khóa-giá trị bắt nguồn từ các đối tượng, cho phép bạn xây dựng cấu trúc mới hoặc tính toán dữ liệu.

Suy nghĩ cuối cùng về các phương thức đối tượng JavaScript

JavaScript cung cấp các công cụ mạnh mẽ để thao tác với các đối tượng, được thể hiện bằng các kỹ thuật được sử dụng để phân chia các đối tượng thành các cấu trúc khóa-giá trị được ghép nối. Các phương pháp như Object.keys() Và giảm bớt() giúp đơn giản hóa việc chuyển đổi dữ liệu phức tạp.

Bằng cách nắm vững các phương thức đối tượng này, các nhà phát triển có thể tạo mã sạch hơn, dễ bảo trì hơn và có khả năng mở rộng tốt trong cả môi trường front-end và back-end. Cách tiếp cận này lý tưởng cho các dự án yêu cầu tạo đối tượng động và xử lý dữ liệu hiệu quả.