Створення динамічних пар об’єктів у JavaScript за допомогою методів об’єктів

Розбиття об’єктів JavaScript на пари за допомогою методів об’єктів

Інтерфейсний сценарій JavaScript із використанням методів Object.entries() і 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));

Створення пар динамічних об’єктів за допомогою методу зменшення JavaScript

Інтерфейсний сценарій JavaScript із використанням Object.keys() і 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 для обробки об’єктів ширини матеріалу

Базовий сценарій Node.js із використанням модульних функцій для відображення об’єктів

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

Часті запитання про об’єктні методи JavaScript

1. Що робить Object.fromEntries() робити в JavaScript?
2. Object.fromEntries() перетворює масив пар ключ-значення назад в об’єкт, змінюючи функціональність Object.entries().
3. Як я можу об’єднати два об’єкти в JavaScript?
4. Ви можете використовувати Object.assign() метод об'єднання двох або більше об'єктів в один, комбінуючи їх властивості.
5. Яка різниця між Object.keys() і Object.values()?
6. Object.keys() повертає масив імен властивостей об’єкта, а Object.values() повертає масив значень властивостей об’єкта.
7. Як я можу клонувати об’єкт у JavaScript?
8. Щоб клонувати об'єкт, ви можете використовувати Object.assign(), який створює поверхневу копію оригінального об’єкта.
9. може reduce() використовувати для об’єктів у JavaScript?
10. так reduce() можна застосовувати до масивів пар ключ-значення, отриманих від об’єктів, дозволяючи створювати нові структури або обчислювати дані.

Останні думки про об’єктні методи JavaScript

JavaScript надає потужні інструменти для маніпулювання об’єктами, як продемонстровано методами, які використовуються для поділу об’єктів на парні структури ключ-значення. Методи, як Object.keys() і зменшити() допомагають спростити складні перетворення даних.

Освоївши ці об’єктні методи, розробники можуть створювати чистіший і зручніший код, який добре масштабується як у зовнішніх, так і у внутрішніх середовищах. Цей підхід ідеально підходить для проектів, що вимагають динамічного створення об’єктів і ефективної обробки даних.