js运算符,条件语句,循环语句,数组基础知识

121 阅读1分钟

js运算符

算术运算符

加减乘除,取余

先乘除后加减有括号先算括号

案例算圆面积

Πr平方

math.pi * r*r

赋值运算符

= ,+=,-=,*=,/=,%=

一元运算符自加自减

i++先执行,在自加1

++i 先加在执行

比较运算符

1648355301832.png

注意点:

1648355339415.png

逻辑运算符

逻辑与&&,逻辑或||,逻辑非!

作用

用作多重逻辑判断

短路运算

只存在逻辑或和与

逻辑与:第一个为假则中断 不在执行后面

逻辑或:第一个为真则中断不在执行后面

1648363613511.png

js条件语句

if(){}, if()else{}, if()else if(){}else{}

三元运算

表达式?值1:值2

1648428724308.png

循环语句

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)