1.判断今天是星期几
使用Switch语句, 在页面上输出今天是星期几, 比如: 今天是星期四就在页面上显示"今天是星期四"
// 下面这行代码可以获得星期对应的数字,如果今天是星期四,则day的值为4
var day = new Date().getDay();
var str = '';
switch (day) {
case 1:
str = '一';
break;
case 2:
str = '二';
break;
case 3:
str = '三';
break;
default:
str = '四';
}
document.write(`今天是星期${str}`);
2.二维数组
当数组的成员也是数组时, 我们把这个数组称为二维数组, 有以下二维数组, 计算所有所有成员总和
<script>
// 方法1
var list = [
[1, 3, 5],
[2, 4, 6],
[3, 6, 9]
]
var all = 0;
for(var i=0;i<list.length;i++) {
// 计算list里面每一个数组的和
var newList = list[i];
// sum用来存放每一个数组的和
var sum = 0;
for(var j=0;j<newList.length;j++) {
sum += newList[j];
}
// 把每一个数组的和相加, 得到总数
all += sum;
}
console.log('二维数组的和是:', all);
</script>
// 方法二
<script>
var list = [
[1, 3, 5],
[2, 4, 6],
[3, 6, 9]
]
var all = 0;
for(var i=0;i<list.length;i++) {
// 子数组
var newList = list[i];
for(var j=0;j<newList.length;j++) {
console.log(newList[j]);
all += newList[j];
}
}
console.log('二维数组的和是:', all);
// 上面的代码可以写成这样
var all = 0;
for(var i=0;i<list.length;i++) {
for(var j=0;j<newList.length;j++) {
all += list[i][j];
}
}
console.log('二维数组的和是:', all);
</script>
3.生成九九乘法表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.num {
margin-left: 5px;
}
.box {
border: 1px solid #999;
}
.no {
border: 1px solid greenyellow;
background-color: greenyellow;
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
font-size: 18px;
margin-left: 10px;
}
</style>
</head>
<body>
<pre>
需求: 点击按钮生成乘法口诀表, 样式自理
</pre>
<pre>
实际上就是操作以下二维数组
var list = [
[1],
[1,2],
[1,2,3],
[1,2,3,4],
[1,2,3,4,5],
......
]
</pre>
<button onclick="create()">生成</button>
<div class="box"> </div>
<script>
function create() {
// 数组有9个字数组
var allStr = '';
for (var i = 1; i <= 9; i++) {
// 拼接每一个子数组的的数据
var str = '';
for (var j = 1; j <= i; j++) {
str += `<span class="num">${j}X${i}=${j*i}</span>`
}
// 把每一个子数组的数据再拼接起来
allStr += `<p>${str} <span class="no">${i}</span></p>`;
}
var $box = document.querySelector('.box');
$box.innerHTML = allStr;
}
</script>
</body>
</html>