在JavaScript中简单运用二维数组存储员工考勤数据

在JavaScript中简单运用二维数组存储员工考勤数据

二维数组的表现样式为:
arr = [ [ ] , [ ] , [ ] , [ ] , …]
数组中嵌套数组,我们简单的先制作一个4个员工的项目,循环接收输入员工的编号、忘记打卡次数、迟到次数、早退次数、旷工次数然后表现出来,假如上下班忘打卡扣款10元/次,迟到和早退扣款为20元/次,旷工100元/天,再把每个员工所需要扣除的考勤工钱展现出来。
具体代码如下:

var arr =[]
		  for (var i = 0,sum = 0; i <= 4; i++) {
		    var message = prompt("输入员工的编号、忘记打卡次数、迟到次数、早退次数、旷工次数(其中用逗号分隔)")
		    arr[arr.length]= message.split(',');
		    sum = Number(arr[i][1])*10 +  Number(arr[i][2])*20 + Number(arr[i][3])*20 + Number(arr[i][4])*100;
		    document.write("员工" + Number(arr[i][0])+
		    			   "忘记打卡次数:" + Number(arr[i][1])+ "&nbsp;&nbsp;&nbsp;&nbsp;"+
		    			   "迟到打卡次数:" + Number(arr[i][2])+ "&nbsp;&nbsp;&nbsp;&nbsp;"+
		    			   "早退打卡次数:" + Number(arr[i][3])+ "&nbsp;&nbsp;&nbsp;&nbsp;"+
		    			   "旷工打卡次数:" + Number(arr[i][4])+ "&nbsp;&nbsp;&nbsp;&nbsp;"+
		    			   "该扣除工资" + sum + "元" +'<br>')
		  }

一个for循环便能表现出来,运用split把输入的信息用逗号分割并存到子数组中,并把子数组存到大数组中,定义一个sum变量,把每次循环中每个子数组中的各项考勤工钱加在一起,最后在网页界面中输出各个的值。

重点注意的是需要分清大数组和子数组的关系 , 以及各子数组在循环中值的表达式.
具体的测试样式如下:
在这里插入图片描述
在表现的样式中需要增添换行和空格的样式,这样提高结果的可观性。如需添加员工的话只需要改变for循环的中i <= 4中4的值便可以增添员工。
希望项目过程能给提供学习和帮助。

~~~~~~ end ~~~~~~

发布了23 篇原创文章 · 获赞 49 · 访问量 1489

猜你喜欢

转载自blog.csdn.net/weixin_44701229/article/details/102870712
今日推荐