for循环
continue退出本次循环，用于跳过某个选项
break退出整个for循环，用于跳过后面的循环
while(true)=for(;;)循环嵌套
练习：
.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
span {
display: inline-block;
width: 100px;
text-align: center;
padding: 5px 10px;
border: 1px solid pink;
margin: 2px;
border-radius: 5px;
font-weight: 500;
box-shadow: 2px 2px 2px rgba(255, 192, 203, .4);
}
</style>
</head>
<body>
<script src="truejs/my.js"></script>
</body>
</html>.js
for(let i=1;i<=9;i++){
for(let j=1;j<=i;j++){
document.write(`<span>${j}x${i}=${i*j}</span> `)
}
document.write('<br>')
}
数组
数组（Array）也是一种数据类型，可以按顺序保存数据的数据类型
数组的两种声明
let arr1=[1,2,3]//字面量声明
let arr2=new Array(1,2,3)//使用new Array构造函数声明学会遍历数组
对数组进行增删改查
改数组的数据
let arr=[1,2,3]
arr[2]='uuu'
console.log(arr)
let arr=[]//此时arr的数据为未定义用给定值初始化数组（像memset）
let array = new Array(5).fill(false);
console.log(array);
//显示如下
//[false, false, false, false, false]数组内的数据集体修改用for遍历
增
push和unshift
push()：将一个或多个元素添加到数组末尾，返回值为该数组的新长度
let arr=[1,2,3]
arr.push('sss','ooo')
console.log(arr)
unshift()：将一个或多个元素添加到数组的开头，并返回数组的新长度
let arr=[1,2,3]
arr.unshift('sss','ooo')
console.log(arr);
删除
删除数组的最后一个元素
删除数组的第一个元素
删除指定的元素
从下标3的位置（arr[3]=4）开始，删除两个元素
let arr=[1,2,3,4,5,6,7]
arr.splice(3,2)
console.log(arr);
如果省略deleteCount参数则默认从起始位置删除到最后
arr.splice()最常用
css补充
align-items控制交叉轴（弹性盒子的交叉轴垂直于主轴）
小demo
写一个根据输入的数据来调整高度的柱形图，思路：
先写一个大盒子，有左边框有下边框，调整盒子为flex模式更改排列方向
写四个小盒子，四个小盒子通过align-items改变在容器的定位对齐
通过js修改写死的数据
调试
css里新增的弹性盒子模型掌握的不好，改天再写一篇
排序
数组.sort()方法可以排序
let brr = [1, 2, 55, 22, 44, 6]
brr.sort(function (a, b) {
return a - b
})//升序排序
brr.sort(function (a, b) {
return b - a
})//降序排序
console.log(brr);