What is the process of transferring values from a 1-dimensional array to a 2-dimensional array in JavaScript?

Question

What is the process of transferring values from a 1-dimensional array to a 2-dimensional array in JavaScript?

Hello everyone, I am new to this forum and a budding programmer. Currently, I am working on developing an app that can translate binary strings into English sentences. Here is the code snippet that I have been working on:

function binaryAgent(str) {      

  var binArr = str.split('');
  var res = [];
  var binary = [128, 64, 32, 16, 8 , 4, 2, 1];
  var k = -1;
  var matrix = [];
  var noSpace = str.replace(/\s+/g, '');

  for(var m=0; m<noSpace.length; m++){
      if(m % 8 === 0){
        k++;
        matrix[k] = []; 
      }
        matrix[k].push(noSpace[m]); 
  }

  for(var i=0; i<matrix.length; i++){
    for(var j=0; j<matrix[i].length; j++){
      if(matrix[i][j] == 1){
        res.push(binary[j]);
      }
    }
  }

  return res;
}

binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 001000 
            01100010 01101111 01101110 01100110 01101001 01110010 011001 
            01100011 01101111 01110011 00100000 01100110 01110101 011010
            01101110 00100001 00111111");

In the second loop, I search through the 'matrix' array to identify values of 1. When found, I push the corresponding value from the 'binary' array. However, I have encountered a roadblock in one particular area.

The function returns an array 'res' containing all the values combined together:

[64, 1, 64, 32, 16, 2, 64, 32, 4, 1, 64, 32, 8, 4, 2, 32, 4, 2, 1, 64, 32, 16, 4, 32, 64, 32, 2, 64, 32, 8, 4, 2, 1, 64, 32, 8, 4, 2, 64, 32, 4, 2, 64, 32, 8, 1, 64, 32, 16, 2, 64, 32, 4, 1, 64, 32, 16, 2, 1, 32, 64, 32, 4, 2, 64, 32, 16, 4, 1, 64, 32, 8, 4, 2, 32, 1, 32, 16, 8, 4, 2, 1]

The problem lies in my inability to figure out how to sum the appropriate values within the 'res' array. My desired outcome would look something like this:

[[64, 1], [64, 32, 16, 2], [64, 32, 4, 1], [64, 32, 8, 4, 2] etc ..]

This would allow me to add up the values within each array and later utilize the fromCharCode() function to transform them into an English sentence.

Does anyone have a suggestion on how I can achieve an array structure like mentioned above? Or perhaps an alternate method to sum the relevant values?

javascript arrays multidimensional-array binary translation

Answer 1

Answer №1

If I grasp the nature of your issue correctly, you could apply a similar tactic in your second loop. Create a new array within res before commencing the inner loop, and then insert values into that array during the inner loop:

function convertToBinary(str) {

      var binArray = str.split('');
      var result = [];
      var binaryValues = [128, 64, 32, 16, 8 , 4, 2, 1];
      var index = -1;
      var binaryMatrix = [];
      var noSpaceStr = str.replace(/\s+/g, '');

      for(var n=0; n<noSpaceStr.length; n++){
          if(n % 8 === 0){
            index++;
            binaryMatrix[index] = [];
          }
          binaryMatrix[index].push(noSpaceStr[n]);
      }

      for(var x=0; x<binaryMatrix.length; x++){
        result[x] = []
        for(var y=0; y<binaryMatrix[x].length; y++){
          if(binaryMatrix[x][y] == 1){
            result[x].push(binaryValues[y]);
          }
        }
      }
      return result;
    }

var output = convertToBinary("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
console.log(output)

On an additional note, although not specifically inquired about, you can streamline the code by removing some of the loops:

function simplifyBinaryConversion(str) {
      var binaryValues = [128, 64, 32, 16, 8 , 4, 2, 1];
      var index = -1;
      var binaryMatrix = str.split(/\s+/).map(i => Array.from(i))

      return binaryMatrix.map(arr => arr.reduce((acc, curr, i) => {
        if(curr == 1) {
            acc.push(binaryValues[i])
        }
        return acc
      }, []))
    }

var simplifiedOutput = simplifyBinaryConversion("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
console.log(simplifiedOutput)

Answer 2

If I grasp the nature of your issue correctly, you could apply a similar tactic in your second loop. Create a new array within res before commencing the inner loop, and then insert values into that array during the inner loop:

function convertToBinary(str) {

      var binArray = str.split('');
      var result = [];
      var binaryValues = [128, 64, 32, 16, 8 , 4, 2, 1];
      var index = -1;
      var binaryMatrix = [];
      var noSpaceStr = str.replace(/\s+/g, '');

      for(var n=0; n<noSpaceStr.length; n++){
          if(n % 8 === 0){
            index++;
            binaryMatrix[index] = [];
          }
          binaryMatrix[index].push(noSpaceStr[n]);
      }

      for(var x=0; x<binaryMatrix.length; x++){
        result[x] = []
        for(var y=0; y<binaryMatrix[x].length; y++){
          if(binaryMatrix[x][y] == 1){
            result[x].push(binaryValues[y]);
          }
        }
      }
      return result;
    }

var output = convertToBinary("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
console.log(output)

On an additional note, although not specifically inquired about, you can streamline the code by removing some of the loops:

function simplifyBinaryConversion(str) {
      var binaryValues = [128, 64, 32, 16, 8 , 4, 2, 1];
      var index = -1;
      var binaryMatrix = str.split(/\s+/).map(i => Array.from(i))

      return binaryMatrix.map(arr => arr.reduce((acc, curr, i) => {
        if(curr == 1) {
            acc.push(binaryValues[i])
        }
        return acc
      }, []))
    }

var simplifiedOutput = simplifyBinaryConversion("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
console.log(simplifiedOutput)

Answer 3

Answer №2

Check out this completed application:

function convertBinaryToString(str) {

  var binaryString = str.split('');
  var results = [];
  var binaryValues = [128, 64, 32, 16, 8 , 4, 2, 1];
  var index = -1;
  var bitMatrix = [];
  var noSpaces = str.replace(/\s+/g, '');
  var sums = [], charResults = [], finalResult = [];

  for(var m=0; m<noSpaces.length; m++){
      if(m % 8 === 0){
        index++;
        bitMatrix[index] = []; 
      }
        bitMatrix[index].push(noSpaces[m]); 
  }

  for(var i=0; i<bitMatrix.length; i++){
    results[i] = [];
    for(var j=0; j<bitMatrix[i].length; j++){
      if(bitMatrix[i][j] == 1){
        results[i].push(binaryValues[j]);
      }
    }
  }

  function calculateSum(total, num){
    return total + num;
  }

  for(var x=0; x<results.length; x++){
    for(var y=0; y<results[x].length; y++){
     sums[x] = results[x].reduce(calculateSum);
    }  
  }

  for(var z=0; z<sums.length; z++){
    charResults[z] = String.fromCharCode(sums[z]);
  }

  finalResult = charResults.join('');

  return finalResult;
}

convertBinaryToString("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");

I understand that the code may not be perfect, but I have gained valuable knowledge today. Special thanks to Mark_M once more!

Answer 4

Check out this completed application:

function convertBinaryToString(str) {

  var binaryString = str.split('');
  var results = [];
  var binaryValues = [128, 64, 32, 16, 8 , 4, 2, 1];
  var index = -1;
  var bitMatrix = [];
  var noSpaces = str.replace(/\s+/g, '');
  var sums = [], charResults = [], finalResult = [];

  for(var m=0; m<noSpaces.length; m++){
      if(m % 8 === 0){
        index++;
        bitMatrix[index] = []; 
      }
        bitMatrix[index].push(noSpaces[m]); 
  }

  for(var i=0; i<bitMatrix.length; i++){
    results[i] = [];
    for(var j=0; j<bitMatrix[i].length; j++){
      if(bitMatrix[i][j] == 1){
        results[i].push(binaryValues[j]);
      }
    }
  }

  function calculateSum(total, num){
    return total + num;
  }

  for(var x=0; x<results.length; x++){
    for(var y=0; y<results[x].length; y++){
     sums[x] = results[x].reduce(calculateSum);
    }  
  }

  for(var z=0; z<sums.length; z++){
    charResults[z] = String.fromCharCode(sums[z]);
  }

  finalResult = charResults.join('');

  return finalResult;
}

convertBinaryToString("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");

I understand that the code may not be perfect, but I have gained valuable knowledge today. Special thanks to Mark_M once more!

What is the process of transferring values from a 1-dimensional array to a 2-dimensional array in JavaScript?

Answer №1

Answer №2

Similar questions

Leveraging AngularJS for retrieving the total number of elements in a specific sub array

What is the predefined value for a multi-select generated by the ng-for directive in Angular?

Executing $(this).parent().remove() triggers a full page reload

Implement the CSS styles from the Parent Component into the Child Component using Angular 6

Dynamic content loading for Twitter Bootstrap Popover using Ajax

Issue with opening image modal when clicking on images, JavaScript seems to be malfunctioning

Guide to creating and importing a JSON file in Wordpress

Is it possible to delete a route if the .remove function is not available?

Sending MVC3 model information as JSON to a JavaScript block

comparing jquery version 1 and jquery version 3 backward-compatible browsers

What could be causing my external JavaScript file to not function properly upon loading my HTML file?

Bring the element into view by scrolling horizontally

Application of id missing on all buttons in Bootstrap tour template

Experiencing issues with iOS Annotations and Arrays causing Bad Access errors

Show a message of 'no results found' when implementing a jQuery plugin for filtering items in a list

An object is not defined in the following scenario

Is there a way to create a dynamic gallery using Magnific Popup that showcases both images and an iframe video together?

Why is the JavaScript code not functioning when the page loads?

Can saving data within a mongoose pre-save hook initiate a continuous loop?

What are the different ways to interact with the object retrieved from the onloadedmetadata event