What is the best way to display the output of a given input along with all its possible permutations?

Question

What is the best way to display the output of a given input along with all its possible permutations?

Can anyone help me with showing all permutations of a value entered into an input field, with a maximum length of 5 characters?

I tried creating a Codepen example for this, but it's not working as expected.

Check out my Codepen here

This is the script I used:

<script>
     function permute(a) {
     if (a.length < 5) return [a];
     var c, d, b = [];
     for (c = 0; c < a.length; c++) {
      var e = a.splice(c, 1),
        f = permute(a);
      for (d = 0; d < f.length; d++) b.push([e].concat(f[d]));
      a.splice(c, 0, e[0])
      }
     return b

    }

   function permuteval() {
   var txtval = document.getElementById('permute_this').value;
   document.getElementById('results').innerHTML = 
   (permute([txtval]).join("\n"));

    }
</script>

Any assistance would be greatly appreciated. Thank you!

javascript arrays input permutation

Answer 1

Answer №1

One approach you can try is utilizing a spread operator:

document.getElementById('results').innerHTML = (permute([...txtval]).join("\n"));

If this doesn't give you the desired output, it might need some tweaking.

Check out this link for more information

An alternative code snippet for permutations that I find useful is:

const permutations = arr => {
  if (arr.length <= 2) return arr.length === 2 ? [arr, [arr[1], arr[0]]] : arr;
  return arr.reduce(
    (acc, item, i) =>
      acc.concat(
        permutations([...arr.slice(0, i), ...arr.slice(i + 1)]).map(val => [item, ...val])
      ),
    []
  );
};
EXAMPLES
permutations([1, 33, 5]); // [ [ 1, 33, 5 ], [ 1, 5, 33 ], [ 33, 1, 5 ], [ 33, 5, 1 ], [ 5, 1, 33 ], [ 5, 33, 1 ] ]

Visit this site for more coding resources

Answer 2

One approach you can try is utilizing a spread operator:

document.getElementById('results').innerHTML = (permute([...txtval]).join("\n"));

If this doesn't give you the desired output, it might need some tweaking.

Check out this link for more information

An alternative code snippet for permutations that I find useful is:

const permutations = arr => {
  if (arr.length <= 2) return arr.length === 2 ? [arr, [arr[1], arr[0]]] : arr;
  return arr.reduce(
    (acc, item, i) =>
      acc.concat(
        permutations([...arr.slice(0, i), ...arr.slice(i + 1)]).map(val => [item, ...val])
      ),
    []
  );
};
EXAMPLES
permutations([1, 33, 5]); // [ [ 1, 33, 5 ], [ 1, 5, 33 ], [ 33, 1, 5 ], [ 33, 5, 1 ], [ 5, 1, 33 ], [ 5, 33, 1 ] ]

Visit this site for more coding resources

Answer 3

Answer №2

By updating the innerHTML, you can incorporate new content.

let textValue = document.getElementById('permute_this').value + '<br>';    
document.getElementById('results').innerHTML += 
   (permute([textValue]));

This method should work effectively. Avoid using Array.prototype.join() and note that \n will not function the same in HTML.

Furthermore, this approach may seem overly complicated for displaying content. Consider a simpler solution like parsing the raw input instead.

Answer 4

By updating the innerHTML, you can incorporate new content.

let textValue = document.getElementById('permute_this').value + '<br>';    
document.getElementById('results').innerHTML += 
   (permute([textValue]));

This method should work effectively. Avoid using Array.prototype.join() and note that \n will not function the same in HTML.

Furthermore, this approach may seem overly complicated for displaying content. Consider a simpler solution like parsing the raw input instead.

What is the best way to display the output of a given input along with all its possible permutations?

Answer №1

Answer №2

Similar questions

Assistance needed with connecting MongoDB to Raspberry Pi

Closing a live search box by tapping away from it

Retrieving a Date object from a JSON response

Error: cannot assign 'int*' to 'int [0]', the types are incompatible and will not compile

When using the map function in NodeJS, it may result in an empty array being

Observing a global object's attribute in Angular JS

Ensure the latest item is stored in the browser's local storage

Angular - Clear the selection of <select><option> if I opt out of accepting the change

Customize each Picker.Item element in React Native with unique styles

Iterate through each image within a specific div element and showcase the images with a blur effect applied

Tips for triggering onclick before changing to a new page?

enabling input field while making asynchronous requests with jQuery

There appears to be a JavaScript validation error occurring on the current page, however, you are able

What is the reason for not storing information from MySQL?

When node.js v6.11.2 is installed on Windows 7, it does not include the correct npm version

Pressing the Like Button triggers the transfer of a specific variable from PHP to jQuery

Easily use Discord.JS 13 slash commands to generate an embed displaying a user's specific role within a server

Is there a way to postpone the execution of a scheduled interval function?

Convert a boolean value to a string using filter in AngularJS

Creating immersive visualizations using Three.js and WebGL, as well as leveraging 2D canvas for rendering graphics, involves passing the getImageData