객체 메소드를 사용하여 JavaScript에서 동적 객체 쌍 생성

객체 메소드를 사용하여 JavaScript 객체를 쌍으로 나누기

Object.entries() 및 배열 메서드를 사용하는 JavaScript 프런트 엔드 스크립트

// 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의 Reduce 메서드를 사용하여 동적 개체 쌍 만들기

Object.keys() 및 Array.reduce()를 사용하는 JavaScript 프런트 엔드 스크립트

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

머티리얼 너비 객체 처리를 위한 백엔드 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() 자바스크립트로 해?
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는 개체를 쌍으로 된 키-값 구조로 분할하는 데 사용되는 기술에서 입증된 것처럼 개체를 조작하기 위한 강력한 도구를 제공합니다. 다음과 같은 방법 객체.키() 그리고 줄이다() 복잡한 데이터 변환을 단순화하는 데 도움이 됩니다.

개발자는 이러한 개체 방법을 마스터함으로써 프런트엔드와 백엔드 환경 모두에서 잘 확장되는 더 깨끗하고 유지 관리하기 쉬운 코드를 만들 수 있습니다. 이 접근 방식은 동적 개체 생성과 효율적인 데이터 처리가 필요한 프로젝트에 이상적입니다.