Creating a fresh 2-dimensional array by extracting specific information from an existing array

Question

Creating a fresh 2-dimensional array by extracting specific information from an existing array

If I have a scenario with a 2d array structured as follows:

[
  [0,1,4,2,2,5,5,0],
  [1,1,4,4,2,2,5,3],
  [1,6,6,6,7,7,3,3]
]

And if I want to create a new 2d array by abstracting the identical numbers like shown below: {any one of these}

[
  [0,1],
  [1,1],
  [1,0]
]

[
  [2,2,0],
  [0,2,2]
]

[
  [0,3],
  [3,3]
]

[
  [4,0],
  [4,4]
]

[
  [5,5],
  [0,5]
]

[
  [6,6,6]
]

How can I achieve this kind of logic in JavaScript? Essentially, I need a solution to generate one multidimensional array based on the duplication of numbers in the original 2d array.

javascript arrays typescript multidimensional-array logic

Answer 1

Answer №1

// Initializing Data
const arr = [
  [0, 1, 4, 2, 2, 5, 5, 0],
  [1, 1, 4, 4, 2, 2, 5, 3],
  [1, 6, 6, 6, 7, 7, 3, 3],
];

// Define the numbers to distribute among isolated arrays
const numbersForDistribute = [1, 2, 3, 4, 5, 6, 7];

const result = [];

for (let n of numbersForDistribute) {

  // Find the range within the initial array for each number 
  // to determine the size of the result array for it 
  let minRowIndex = 999;
  let maxRowIndex = 0;

  let minColumnIndex = 999;
  let maxColumnIndex = 0;

  for (let i in arr) {
    const row = arr[i];

    for (let j in row) {
      const currentElement = row[j];

      if (row[j] === n) {
        if (i < minRowIndex) {
          minRowIndex = i;
        }

        if (i > maxRowIndex) {
          maxRowIndex = i;
        }

        if (j < minColumnIndex) {
          minColumnIndex = j;
        }

        if (j > maxColumnIndex) {
          maxColumnIndex = j;
        }
      }
    }
  }

  const resultForN = [];

  // Build the result array with a specific size for each number 
  for (let i = minRowIndex; i <= maxRowIndex; i++) {
    resultForN.push([]);
    for (let j = minColumnIndex; j <= maxColumnIndex; j++) {
      resultForN[resultForN.length - 1].push(arr[i][j] === n ? n : 0);
    }
  }

  result.push(resultForN);
}

console.log(result);

.as-console-wrapper {max-height: 100% !important;top: 0;}
.as-console-row::after {display: none !important;}

Answer 2

// Initializing Data
const arr = [
  [0, 1, 4, 2, 2, 5, 5, 0],
  [1, 1, 4, 4, 2, 2, 5, 3],
  [1, 6, 6, 6, 7, 7, 3, 3],
];

// Define the numbers to distribute among isolated arrays
const numbersForDistribute = [1, 2, 3, 4, 5, 6, 7];

const result = [];

for (let n of numbersForDistribute) {

  // Find the range within the initial array for each number 
  // to determine the size of the result array for it 
  let minRowIndex = 999;
  let maxRowIndex = 0;

  let minColumnIndex = 999;
  let maxColumnIndex = 0;

  for (let i in arr) {
    const row = arr[i];

    for (let j in row) {
      const currentElement = row[j];

      if (row[j] === n) {
        if (i < minRowIndex) {
          minRowIndex = i;
        }

        if (i > maxRowIndex) {
          maxRowIndex = i;
        }

        if (j < minColumnIndex) {
          minColumnIndex = j;
        }

        if (j > maxColumnIndex) {
          maxColumnIndex = j;
        }
      }
    }
  }

  const resultForN = [];

  // Build the result array with a specific size for each number 
  for (let i = minRowIndex; i <= maxRowIndex; i++) {
    resultForN.push([]);
    for (let j = minColumnIndex; j <= maxColumnIndex; j++) {
      resultForN[resultForN.length - 1].push(arr[i][j] === n ? n : 0);
    }
  }

  result.push(resultForN);
}

console.log(result);

.as-console-wrapper {max-height: 100% !important;top: 0;}
.as-console-row::after {display: none !important;}

Creating a fresh 2-dimensional array by extracting specific information from an existing array

Answer №1

Similar questions

Tips on refreshing a view in react as data updates

What are the steps to creating a popup form on a website?

Combining jQuery with AngularJS for optimal web development outcomes?

I am currently grappling with a JavaScript mouse over event and encountering some difficulties

Running an ESNext file from the terminal: A step-by-step guide

Is it possible to omit specific files from an NPM package during installation?

Instructions for adding a method to a prototype of a generic class in TypeScript

Break up a list into separate paragraphs and style each word using individual CSS

show a fresh new page using react router

Is there a gap in the Nativescript lifecycle with the onPause/onResume events missing? Should I be halting subscriptions when a page is navigated

Tips for testing a function that calls other functions during unit testing

Executing Two Distinct JQuery Api Requests

Ways to extract random elements from a variety of arrays

What is the best way to retrieve a variable's value using its reference?

Error occurred due to a reference to a function being called before it was

Implement a jQuery slideshow with a full background image, aiming to set up a clickable link on the final image of the

Guide on utilizing TypeScript interfaces or types in JavaScript functions with vscode and jsdocs

The challenge of maintaining coherence in AngularJS scopes

Using React to Dynamically Display JSON Data as HTML

Access the value retrieved from a form on the previous page using PHP