JavaScript array on multiple lines

Question

I made an array with several strings as values so it becomes one really long line that takes a while to scroll through. To put it on multiple lines I searched and found that I can use a + sign to link the lines, but I'm having a problem. Here's a small example:

<script type="text/javascript">
var x;
var colorArr=["Red","Orange","Yellow",+
"Green","Blue","Purple"];
for(x=0;x<6;x++)
document.write(colorArr[x]+"<br/>");
</script>

This outputs:

Red
Orange
Yellow
NaN
Blue
Purple

Basically whichever element is the first on the line becomes undefined for some reason. How do I do this the correct way?

McGarnagle · Accepted Answer · 2012-11-07 18:53:25Z

18

You don't need the +, just flow to the next line. Javascript doesn't equate the end of the line with the end of the statement.

var colorArr=["Red","Orange","Yellow",
    "Green","Blue","Purple"];

To understand the behavior you're seeing, note that this:

var test = -"test";
alert(test);

Outputs the NaN (not a number) that you're seeing. The parser is attempting to convert "Green" to a number -- so that it can evaluate what it assumes is a math expression (since it begins with +).

edited Nov 7, 2012 at 18:53

answered Nov 7, 2012 at 18:47

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

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

2 Comments

user1804208 Over a year ago

Wow I'm dumb for not trying that. I was thinking it worked similar to putting the backslash to separate lines in document.write and stuff. Thanks!

while true Over a year ago

@user1804208 instead say thank, you should upvote and accept the answer if it helps you.you have asked 16 question .even any single anwer haven't accept

Community · Accepted Answer · 2020-06-20 09:12:55Z

7

+ "Green" is not a number.

Hence the NaN

Try just doing this:

var colorArr=["Red","Orange","Yellow",
              "Green","Blue","Purple"];

Sidebar:

NaN does not mean undefined:

NaN === undefined; // false

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 7, 2012 at 18:48

Naftali

147k41 gold badges247 silver badges304 bronze badges

Comments

Mark Pieszak - Trilon.io · Accepted Answer · 2012-11-07 18:50:41Z

1

You can just press enter and go to the next line, no need for anything syntactically.

The reason it comes up as NaN is that it is trying to add a number with a string.

If you had: arr = ['whatever', 5 + 10]; it would output ['whatever', 15]

answered Nov 7, 2012 at 18:50

Mark Pieszak - Trilon.io

68.3k15 gold badges84 silver badges96 bronze badges

Collectives™ on Stack Overflow

JavaScript array on multiple lines

3 Answers 3

2 Comments

Sidebar:

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Sidebar:

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related