How do I display an array inside a string in javascript?

Question

This is the code :

list = ["Alex","John","Kit","Lenny"];
for(var i = 0; i < 4; i++) {
  $("body").append("<p> list[i] </p>');
};

Look at the for loop(yes this is using jquery),i want to add the list items inside the paragraph headers.How do i do it ?

$("body").append("<p>" + list[i] + " </p>") or $("body").append(['<p>',list[i],'</p>'].join()) — ajai Jothi
– ajai Jothi, Commented Apr 1, 2017 at 15:20
should be fairly obvious where problem is when you look at current results — charlietfl
– charlietfl, Commented Apr 1, 2017 at 15:24

kind user · Accepted Answer · 2017-04-01 15:21:33Z

1

list[i] is not a string, it's a variable. To include it into the appended element, close the quotation marks in following way:

var list = ["Alex","John","Kit","Lenny"];
for(var i = 0; i < 4; i++) {
  $("body").append("<p>" + list[i] + "</p>")
}

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

answered Apr 1, 2017 at 15:21

kind user

42k8 gold badges69 silver badges78 bronze badges

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

1 Answer 1