js运算符
算术运算符
加减乘除,取余
先乘除后加减有括号先算括号
案例算圆面积
Πr平方
math.pi * r*r
赋值运算符
= ,+=,-=,*=,/=,%=
一元运算符自加自减
i++先执行,在自加1
++i 先加在执行
比较运算符
注意点:
逻辑运算符
逻辑与&&,逻辑或||,逻辑非!
作用
用作多重逻辑判断
短路运算
只存在逻辑或和与
逻辑与:第一个为假则中断 不在执行后面
逻辑或:第一个为真则中断不在执行后面
js条件语句
if(){}, if()else{}, if()else if(){}else{}
三元运算
表达式?值1:值2
循环语句
while循环:语法while(条件表达式){执行语句}。注意要添加变量,否则进入死循环
for循环:语法for(let i= 0;i<=xx;i++){执行语句}
for循环可以里面再次嵌套循环。称为双重for循环
break和continue关键字,break可以立即跳出循环,不在执行后面的代码。continue可以跳出本次循环,开始下一轮循环
数组基础知识
push,在数组最后添加一个元素,返回数组的长度
unshift 在数组前面添加一个元素 返回数组的长度
pop,在数组后面删除一个元素 ,返回被删除的元素
shift 在数组前面删除一个元素 ,返回被删除的元素
splice 语法:splice(指定删除或者添加元素的下标,删除几个元素,要添加的元素)
删除或者修改元素,可以直接指定元素的下标进行改动,若已有则修改,没有则添加。
案例柱形图案例
let arr=[]
let ulhtml='<ul>'
for(let i = 0;i<4;i++){
let ipt=+prompt(`请输入第${i+1}季度的数字`)
arr.push(ipt)
ulhtml+= `
<li style="height:${arr[i]}px">
<span>第${i+1}季度</span>
<div>${arr[i]}</div>
</li>
`
}
ulhtml+='</ul>'
document.write(ulhtml)