Javascript - convert number to month name

Question

I have a very simple problem but for some reason I can't find the answer for it.

label.forEach(function(value){
    months.push(value['month']);
    revenue.push(value['revenue']);
});

The label is an array of numbers and revenue, in my case this is

[
{month: 9, revenue: 400}, 
{month: 11, revenue: 500},
{month: 12, revenue: 600}
]

This is a forEach loop in javascript, it pushes revenue and a month number into two seperate arrays, the problem is that the month is a number (e.g. 12) but I want the .push() to push a month name instead (December), I can't seem to find anything so I was hoping anyone here could help me out.

Possible duplicate of [Get month name from Date](https://stackoverflow.com/questions/1643320/get-month-name-from-date) — hsz, Apr 19 '18 at 07:42
@hsz Already tried that one but the array in the answer already has month names not the numbers — peaceduck, Apr 19 '18 at 07:46
There is no key named `month` and `revenue` in the array. Then how you access those in the loop? — Mamun, Apr 19 '18 at 07:52

score 22 · Accepted Answer · answered Apr 19 '18 at 07:58

22

var months = [ "January", "February", "March", "April", "May", "June", 
           "July", "August", "September", "October", "November", "December" ];

var selectedMonthName = months[value['month']];

look at the links

stack 1

answered Apr 19 '18 at 07:58

Oğuz

344
2
10

Totally looked over this anwer but it worked, thanks a lot! – peaceduck Apr 19 '18 at 08:12
3

If the months start from 1 (January is 1) you would have to access the month like this `var selectedMonthName = months[value['month'] - 1];` because January is at index 0 – abrull Apr 30 '20 at 00:00
I am using this with a blank string at index zero. Defensive coding would make me test for a month with value 0 – Manuel Hernandez Jul 06 '21 at 19:22

score 12 · Answer 2 · edited Sep 22 '21 at 13:56

12

Intl.DateTimeFormat('en', { month: 'long' }).format(new Date('1')); // January

Can be achieved using Internationalization API

edited Sep 22 '21 at 13:56

praisegeek

421
4
6

answered Oct 07 '20 at 12:08

Viktor Gusev

555
3
12

score 7 · Answer 3 · answered Apr 19 '18 at 08:06

7

This can be easily done using moment.js.

var months = [];
months.push(moment().month(0).format("MMMM"));
console.log(months);

<script src="https://momentjs.com/downloads/moment.min.js"></script>

answered Apr 19 '18 at 08:06

Dineth Cooray

182
7

Just call moment.months(); – Ateik Feb 24 '21 at 19:19
If you only need "Jan" not the full name of the month, format("MMM") like this. Only 3 M instead of 4 M. – Daisy Apr 15 '21 at 06:35

score 1 · Answer 4 · answered Nov 09 '20 at 19:14

another simple way of doing it is with a map, create one like this

const monthNumberToLabelMap = {
  [1]: 'January',
  [2]: 'February',
  [3]: 'March',
  [4]: 'April',
  [5]: 'May',
  [6]: 'June',
  [7]: 'July',
  [8]: 'August',
  [9]: 'September',
  [10]: 'October',
  [11]: 'November',
  [12]: 'December',
}

then use the map in your code like this

label.forEach(function(value){
    months.push(monthNumberToLabelMap[value['month']]);
    revenue.push(value['revenue']);
});

note:

it wasn't clear from your question what the format of your month data is, default javascript months are 0-11 in which case you would have change my map

Arslan Nawaz · Answer 5 · 2020-04-24T11:09:40.403

0

    <script src="https://momentjs.com/downloads/moment.min.js"></script>

    var monthNumber='03';
    var month = [ "January", "February", "March", "April", "May", "June",
        "July", "August", "September", "October", "November", "December" ];
    var monthIndex = moment().month(monthNumber[1]-1).format("M");
    var selectedMonthName = month[monthIndex-1];
    alert(selectedMonthName);

edited Apr 24 '20 at 11:09

answered Apr 24 '20 at 11:01

Arslan Nawaz

41
5

Javascript - convert number to month name

5 Answers5

Linked