Fatal编程技术网
  • javascript/
  • Javascript 如何使用月份创建数组，然后使用switch语句显示当前月份

Javascript 如何使用月份创建数组，然后使用switch语句显示当前月份

javascript html arrays function

Javascript 如何使用月份创建数组，然后使用switch语句显示当前月份,javascript,html,arrays,function,switch-statement,Javascript,Html,Arrays,Function,Switch Statement,我想创建一个数组，可以像这样存储一年中的月份。我想也可以像这样在div中调用它 var months = new Array["January", "February", "March", "April", "May", "June","July", "August", "September", "October", "November", "December"]; 然后创建一个switch语句，该语句将获取当前月份并从类似于下面的语句中显示它 switch(num) { cas

我想创建一个数组，可以像这样存储一年中的月份。我想也可以像这样在div中调用它

 var months = new Array["January", "February", "March", "April", "May", "June","July", "August", "September", "October", "November", "December"];
然后创建一个switch语句，该语句将获取当前月份并从类似于下面的语句中显示它

switch(num)
  {
    case 0:
      month="January";
      break;
    case 1:
      month="February";
      break;
    case 2:
      month="March";
      break;
    case 3:
      month="April";
      break;
    case 4:
      month="May";
      break;
    case 5:
      month="June";
      break;
    case 6:
      month="July";
      break;
    case 7:
      month="August";
      break;
    case 8:
      month="September";
      break;
    case 9:
      month="October";
      break;
    case 10:
      month="November";
      break;
    case 11:
      month="December";
      break;
在我的HTML页面中如何称呼它？非常感谢您的帮助。

您只需访问阵列即可

function getMonth(num){
    return months[num] || "month not found";
}

getMonth(0); //January

getMonth(1);//February

getMonth(12);//month not found, since the array counts start from 0.
我不确定你想要什么，但这里有html代码，有各种查找月份名称的方法。jQuery会使一些操作更加跨浏览器友好，但您没有列出jQuery，所以我用纯javascript实现了这一点

<body>
    <select id='allMonths'></select><br/><br/>
    <input id='txtMonth' type='text' value='1'/><br/>
    <p id='monthName'>Click button below to change based on text box value</p>
    <a href='' onclick='event.preventDefault(); changeMonth();'>Click me to change month based on text box value</a><br/><br/>
    <div id='allMonthsListed'></div>
    <script type='text/javascript'>
        var months = ["January", "February", "March", "April", "May", "June","July", "August", "September", "October", "November", "December"],
            allMonths = document.getElementById('allMonths'),
            txtMonth = document.getElementById('txtMonth'),
            monthName = document.getElementById('monthName'),
            allMonthsListed = document.getElementById('allMonthsListed');
        function getMonth(num){
            return months[num] || "month not found";
        }
        for(var idx = 0; idx < months.length;idx++){
            var option = document.createElement("option");
            option.innerText = months[idx];
            allMonths.appendChild(option);
        }
        function changeMonth(){
            var month = txtMonth.value;
            if(/^\d+$/.test(month)){
                monthName.innerText = getMonth(parseInt(month) + 1);
            }else{
                monthName.innerText = "Must enter number";
            }
        }

        for(var idx = 0; idx < months.length;idx++){
            var p = document.createElement("p");
            p.innerText = months[idx];
            allMonthsListed.appendChild(p);
        }

    </script>
</body>








单击下面的按钮可根据文本框值进行更改




风险值月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]，
allMonths=document.getElementById（'allMonths'），
txtmount=document.getElementById（'txtmount'），
monthName=document.getElementById（'monthName'），
AllMonthListed=document.getElementById（'AllMonthListed'）；
函数getMonth（num）{
返回月份[num]| |“未找到月份”；
}
对于（变量idx=0；idx
Hi无需创建开关站非常简单

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

var d = new Date();
console.log(monthNames[d.getMonth()])
两个文件：

您的javascript方法

methods.js

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

function monthsOfYear() {

    var num = document.getElementById('numberMonth').value;

    document.getElementById('nameOfMonth').innerHTML = months[num];
}
和html页面

page.html

<div>
    <input type="text" id="numberMonth">
    <button onclick="monthsOfYear()">Click</button>
</div>

//will show the name of the month chosen
<div id='nameOfMonth'></div>

//import the javascript file
<script src='methods.js'></script>

page.html
点击
//将显示所选月份的名称
//导入javascript文件
这是做这件事的基本方法。 由于数组从0开始计数，数字12将未定义，因此需要解决此问题。 您可以使用jquery或angularjs来改进您的工作。
我希望这些函数能有所帮助。

将它们放在函数中，将
num
作为参数传递，并在函数末尾返回月份。我仍然不清楚这是如何工作的。假设我想把这个函数放在一个div中，比如Can you post你想让html做什么。然后我可以更新Javascript来实现这一点。Html本身无法与数组或Javascript交互。与html交互是javascripts的工作。我只想让html显示月份。@Nathan Rivera，你想要一个选择框，文本框，我们只显示页面上的所有月份吗？你说数组的声明不好，但是你分配了两次。首先将其指定为空数组（“new array（）；”），然后再次指定为“[“一月”…“十二月”]”。