Running a While loop through several if statements in Javascript

Question

I am currently learning Javascript and wanted to ask how can I run a while loop through several if statements so that I would get the 12 months displayed in a list, I think I am suppose to use a counter something like

while(monthName < 10){

But I am not sure how to incorporate it into my function:

window.onload = function() {
document.getElementById("months").innerHTML = getMonth(0);
};

function getMonth(month) {
var monthName;
if (month == 0) {
    monthName = "January";
}
if (month == 1) {
    monthName = "February";
}
if (month == 2) {
    monthName = "March";
}
if (month == 3) {
    monthName = "April";
}
if (month == 4) {
    monthName = "May";
}
if (month == 5) {
    monthName = "June";
}
if (month == 6) {
    monthName = "July";
}
if (month == 7) {
    monthName = "August";
}
if (month == 8) {
    monthName = "September";
}
if (month == 9) {
    monthName = "October";
}  
if (month == 10) {
    monthName = "November";
}
if (month == 11) {
    monthName = "December";
}
return monthName;
}

http://jsfiddle.net/priswiz/rUpsb/

I understand there are more effective ways of doing this, like using an Array, but asking for while loop/counter for educational purposes.

Thank you :)

You would have to refactor your code "a bit". Here is a good place for thislink to cool Page — winner_joiner
– winner_joiner, Commented Mar 21, 2013 at 20:40

Fluidbyte · Accepted Answer · 2013-03-21 20:41:34Z

2

I would suggest an array:

var months = ['January','February','March'...];

Then you'll be able to return using the index:

for(var i=0, max=months.length; i<max; i++){

     // You could have an if statement in here to do any checks...
     console.log(months[i]); // Just prints to console
}

answered Mar 21, 2013 at 20:41

Fluidbyte

5,21010 gold badges50 silver badges80 bronze badges

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

Comments

Adidi · Accepted Answer · 2013-03-21 20:43:47Z

1

window.onload = function() {
  var current = 0;
    var html = '';
    while(current < 12){
      html += getMonth(current++) + '<br />';        
    }
  document.getElementById("months").innerHTML = html;
};

function getMonth(month) {
var monthName;
if (month == 0) {
    monthName = "January";
}
if (month == 1) {
    monthName = "February";
}
if (month == 2) {
    monthName = "March";
}
if (month == 3) {
    monthName = "April";
}
if (month == 4) {
    monthName = "May";
}
if (month == 5) {
    monthName = "June";
}
if (month == 6) {
    monthName = "July";
}
if (month == 7) {
    monthName = "August";
}
if (month == 8) {
    monthName = "September";
}
if (month == 9) {
    monthName = "October";
}
if (month == 10) {
    monthName = "November";
}
if (month == 11) {
    monthName = "December";
}
return monthName;
}

http://jsfiddle.net/rUpsb/1/

answered Mar 21, 2013 at 20:43

Adidi

5,2835 gold badges27 silver badges30 bronze badges

3 Comments

winner_joiner Over a year ago

Answers the question, but it is not a good coding style(removed the vote down, because answered the actual question)

Adidi Over a year ago

Jesus. and who puts you an expert for what is a good coding style. my god - he asks a question to learn - I am not trying to teach him all the aspects of good coding in my answer

meztli Over a year ago

Hi, thank you this is exactly what I was wondering, I know how to use an array for these purposes but was wondering how to use the while loop, thanks for answering my question :)

winner_joiner · Accepted Answer · 2013-03-21 20:42:40Z

1

this would be a shorter solution

var months = ["jannuary", ..., "Dezember"];

function getMonth(monthNumber){
    return months[monthNumber];
}

function getAllMonthsNames(){
    return months.join(", ");
}

i hope it helps

answered Mar 21, 2013 at 20:42

winner_joiner

15.3k4 gold badges42 silver badges71 bronze badges

Comments

Dylan Grech · Accepted Answer · 2013-03-21 21:08:42Z

I will give you a little bit of an advanced solution however if you understand it you will learn a lot from this...

Create an array of months = var months['January','February',....]
Now to get one element : var month = months[x];
To return all elements in an efficient way:

Here we clone the months array so that we have a copy of the original

var clonedArray = months.clone();

Next we want to reverse our array so we have the last element first

clonedArray.reverse();

Next we simply pop an element at a time (pop gets the last element first that's why we reversed the array so that the first element we get with pop is January and not Decemeber

while(clonedArray){
var month = clonedArray.pop();
// Do your stuff with month
$('#yourListId').append($('<li/>').html(month));
}

In the last line I'm using jQuery and it simply means... getElementById('yourListId') and add a new list item with the value of month

Collectives™ on Stack Overflow

Running a While loop through several if statements in Javascript

4 Answers 4

Comments

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related