传统前端开发发布流程 |
企业前端开发流程 |
专业前端是开发流程 |
for循环
作用:重复的做一些事情
语法:
for(初始条件;条件判断;条件变化){
循环的代码
}
执行顺序:
- 先初始条件
- 开始条件判断
- 如果成立,执行要循环的代码块
- 条件变化
2,3,4,2,3,4….
直到条件判断不成立,整个循环结束注意:
条件判断一直为true,循环会一直执行下去,称之为死循环for循环中一定要写两个分号
注意:
写字符串的时候,字符串两边是单引号,字符串内不能出现单引号,如果字符串是双引号,字符串内不能出现双引号
break 停止for循环,后面的代码不执行了
continue 跳过本次循环,后面代码不执行,继续执行下一次循环
注意:这两个关键字只能用在for循环中
数组:
一维数组
[1,2,3,4]
二维数组
[[1,2,3],[45,6,7]]
var arr = [[1,2,3],[4,5,6],[5,6,7,8,89,9]];
需求:把二维数组的每一项打印出来
思路:
1. 先通过for循环,拿出arr的每一项
2. 再循环拿出来的数组
for(var i = 0; i < arr.length; i++){
console.log(arr[i]); 1拿到arr中每一个数组
2 循环每一个数组
for(var j = 0; j < arr[i].length; j++){
console.log(arr[i][j]); 3从每一个数组中取值
}
}
今天做了个九九乘法表
html 代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″ />
<title>九九乘法表</title>
<style>
span {
display: inline-block;
width: 80px;
margin: 5px;
}
</style>
</head>
<body>
<div id=”box”>
<!–<div>
<span></span>
</div>–>
</div>
<script>
var box = document.getElementById(‘box’)
var item = ”
for (var i = 1; i < 10; i++) {
item += ‘<div>’
for (var j = i; j < 10; j++) {
var n = i + ‘X’ + j + ‘=’ + i * j
item += ‘<span>’ + n + ‘</span>’
}
item += ‘</div>’
}
box.innerHTML += item
</script>
</body>
</html>
前端网络开发流程图 |
前端开发画图流程 |
前端开发的详细流程 |
评论前必须登录!
注册