JavaScript에서 고유 항목을 기반으로 배열을 결합하는 방법은 무엇입니까?

JavaScript에서 고유 항목별로 배열 결합

JavaScript에서는 객체 속성과 루프의 조합을 사용하여 고유 항목을 기반으로 배열을 결합할 수 있습니다.

해결책:

빈 배열 newCells를 만들어 결합된 결과를 저장하는 것부터 시작하세요. 그런 다음 원래 배열의 각 요소를 반복합니다.

<code class="js">for (var i = 0; i < totalCells.length; i++) {
    var lineNumber = totalCells[i].lineNumber;
    // Check if an object for the current line number already exists in newCells
    if (!newCells[lineNumber]) {
        // Create a new object with the line number and an empty array to store cell widths
        newCells[lineNumber] = {
            lineNumber: lineNumber,
            cellWidth: []
        };
    }
    // Add the current cellWidth to the array in the new object
    newCells[lineNumber].cellWidth.push(totalCells[i].cellWidth);
}</code>

이 코드는 totalCells 배열을 반복하고 현재 줄 번호를 가진 객체가 newCells에 이미 있는지 확인합니다. 그렇지 않은 경우 줄 번호를 사용하여 새 개체를 만들고 빈 cellWidth 배열을 초기화합니다. 그런 다음 현재 셀 너비를 cellWidth 배열로 푸시합니다.

결과 newCells 배열에는 고유한 lineNumber 속성이 있는 객체와 줄 번호를 기준으로 결합된 cellWidth 값의 배열이 포함됩니다.

출력 예:

위 솔루션을 제공된 샘플 입력에 적용:

<code class="js">totalCells = [
    { cellwidth: 15.552999999999999, lineNumber: 1 },
    { cellwidth: 14, lineNumber: 2 },
    { cellwidth: 14.552999999999999, lineNumber: 2 },
    { cellwidth: 14, lineNumber: 1 }
];

// Code to combine arrays based on unique line numbers
// ...

// Output
console.log(newCells);</code>

출력:

<code class="js">[
    {
        lineNumber: 1,
        cellWidth: [15.552999999999999, 14],
    },
    {
        lineNumber: 2,
        cellWidth: [14, 14.552999999999999],
    },
]</code>

위 내용은 JavaScript에서 고유 항목을 기반으로 배열을 결합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!