Display value from array in html without commas , using javascript [duplicate]

Question

I have an array containing user inputs and I want to display the last five inputs from the array in HTML:

function display_last_five()
 {
   var e = "<hr/>";   
     e += array.slice(Math.max(array.length - 5, 0)) + " ";
   document.getElementById('Result').innerHTML = e;
}

What I get:

Input1,Input2,Input3

What I want:

Input1 Input2 Input3

In there a way to manipulate the output or is the input stored incorrect?

You're using the default toString implementation of an array; use join instead. — Heretic Monkey
– Heretic Monkey, Commented Sep 6, 2018 at 16:08
BTW, your title is a little odd considering the content of the question; you may want to edit it to talk about commas rather than quotation marks... — Heretic Monkey
– Heretic Monkey, Commented Sep 6, 2018 at 16:09

sphinxplayer · Accepted Answer · 2018-09-06 16:22:41Z

2

Using vanilla JavaScript :

function displayLastFive ( array )
{ 
  // Get the output element
  let result = document.getElementById( 'result' );
  
  // Show the last elements of the array, to a maximum of 5 elements
  result.innerHTML = `<hr/>${ array.slice( -5 ).join( ' ' ) }`;
}

displayLastFive( [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ] );

<div id="result"></div>

answered Sep 6, 2018 at 16:22

sphinxplayer

3301 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

brendan · Accepted Answer · 2018-09-06 16:15:20Z

1

I woul try using Array.join instead of string concatenation.

function display_last_five()
 {
   var e = "<hr/>";   
     e += array.slice(Math.max(array.length - 5, 0)).join(" ");
     document.getElementById('Result').innerHTML = e;
}

answered Sep 6, 2018 at 16:15

brendan

30.1k20 gold badges70 silver badges109 bronze badges

1 Comment

Mäx Over a year ago

will try this now. looks much cleaner thank you

Gautam Parmar · Accepted Answer · 2018-09-06 16:13:23Z

1

var array = ["input1","input2","input3","input4","input4","input5","input6","input7"];
var newHTML = [];
var count=0;
for (var i =array.length; i != 0; i--) {
  if(count==6) break
    newHTML.push(array[i]);
    count++
}
$(".element").html(newHTML.join(" "));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element"></div>

answered Sep 6, 2018 at 16:13

Gautam Parmar

48510 silver badges22 bronze badges

Comments

Steve Bohmbach · Accepted Answer · 2018-09-06 16:11:11Z

0

 function display_last_five()
  {
    var e = "<hr/>";   
      e += array.slice(Math.max(array.length - 5, 0)) + " ";
    document.getElementById('Result').innerHTML = e.replace(/,/g, ' '))
 }

Use .replace() to remove all ',' and replace with a space

answered Sep 6, 2018 at 16:11

Steve Bohmbach

3371 silver badge11 bronze badges

1 Comment

Mäx Over a year ago

this works, thank you

Collectives™ on Stack Overflow

Display value from array in html without commas , using javascript [duplicate]

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Linked

Related