web第五天

输入输出语句

<script>

prompt（'内容（为屏幕输出的内容）'）------输入语句

Document.write（'内容（可识别标签）'）------输出语句，打印到页面

console.log（''）-------控制台输出语句

</script>

变量：------(盒子)-----存储数据的容器，数据本身不是变量

<script>

pompt（'请输入您的年龄'）

let  变量名    var  变量名------变量的声明

Age=pompt（'请输入您的年龄'）-----变量赋值

Age=33

console.log（age）----将age输出给控制台，打印变量名不能写引号

Let age（变量名）=prompt（'请输入您的用户名：'）-----变量的初始化

console.log（age）

Let uname=’zs‘，age=21

Console.log（uname，age）----同时定义多个变量（不建议）

</script>

案例：

<script>

Let age=pompt（'请输入您的年龄'）

Document.write（age）

</script>

变量命名规范：

<script>

变量命名规范：1.有效符号（大小写字母、数字、下划线、$）

                        2.关键字、保留字不能用于变量名

                        3.不能以数字开头

                        4.尽量使用有意义的变量名

                        5.驼峰命名法----UserName

</script>

Let var的区别：

<script>

Var 可以多次声明同一变量

Let 不能重复声明

</script>

常量：常量名大写

<script>

Const PI=3.14

PI=4.456

Console.log（PI）

</script>

数据类型：

<script>

js是弱数据类型语言   只有赋值之后，才知道是什么数据类型

</script>

基本数据(数字)类型：

<script>

Let a=21

Let b=33

Console.log(a)

Console.log(a+b)

Console.log(a-b)

Console.log(a*b)

Console.log(a/b)

Console.log(a%b)---取余

Console.log(a%2)

</script>

字符串类型：

<script>

Let uname=“dadad”

Console.log（typeof（uname））------查看uname命名类型

Let uname2=”da‘d’ad“

Console.log（typeof（uname2））

字符串拼接用’+‘

Let a=prompt（"请输入num1"）

Let b=prompt（"请输入num2"）

Console.log（a+b）

模板字符串

Let uname=prompt（”请输入变量名“）

Let age=prompt（”请输入年龄“）

Document.write（’你叫‘+uanme，’今年‘+age+‘岁了’）

Document.write（`你叫${unam},今年${age}岁了`)

Alert（）---警告框

</script>

布尔类型：

<scriptscript>

Console.log（3>5）

Undefinded---声明，为赋值

Null    nan   not a number

Console.log（undefinded+1）

Console.log（null+1）

</script>

显示转换：

<script>

Let a=+prompt（‘num1’）---+将输入的转换为数字类型

Let b=+prompt（‘num2’）

Console.log（number（a）+number（b））

Console.log（typeof（+a））

Let c=‘200px’

Console.log（parseint（c））

Console.log（parsefloat（c））

</script>

综合案例：

<script>

</script>

运算符：

<script>

Let a=21

a=33

a+=4----a=a+4

a*=2

a/=2

Let b=a++-------执行后b=a，a=a+1

先赋值再+1

++a：先+1，再赋值

alert（a）

比较运算符

>        <       > =     <=      ==（将字符串转换为数字类型后进行比较）     ===（既比较数值，又比较类型）

Let num1=2

Let num2='2'

alert（num1==num2）---true

alert（num1===num2）

</script>

逻辑运算：

<script>

&&（两真为真，一假为假）

||（一真为真，两假为假）

！（非）

alert（！（4<3）)

</script>

单分支句：

<script>

Let age=19

if（age<=18）{

     document.write('你是小朋友')

}else{

    alert（‘恭喜你成年了’）

}

</script>

案例（润平年）：

<script>

        let year=+prompt('请输入年份')

        if(year%4===0&&year%100！==0||year%400===0){

            alert('该月份为闰年')

        }else{

            alert('平年')

        }

</script>

多分支语句：

<script>

</script>

三元运算符：

<script>

判断条件？条件成立时执行的语句：条件不成立时执行的语句

</script>

求最大值：

<script>

let a = +prompt("请输入一个数")

let b = +prompt("请输入另一个数")

a>b ? alert(`最大数是：${a}`) : alert(`最大数是：${b}`)

</script>

Switch:

<script>

</script>

循环：

<script>

while循环：注意设置终止条件，不然会死循环

Do while循环：

for循环：

循环嵌套：

</script>

continue、break语句：

<script>

continue：跳出本次循环

break：跳出循环

</script>

循环加强：For in（输出下标）/For of（输出值）：

<script>

</script>

数组：

<script>

Arr.Unshift：数字首位添加元素

Arr.push：数组末尾添加元素

Arr.pop：删除尾部元素

Arr.splice（3，1）：删除起始位置（3）到删除个数（1）

Arr.splice（3，0，'jiangjia'）：删除起始位置（3）到删除个数（1）添加的元素（'jiangjia'）

Console.log（Arr.join（’*‘））：数组元素以*连接

Console.log（Arr.reverse（））：颠倒元素顺序

Console.log（Arr.slice（3））：指截取3个元素

</script>

二维数组：

<script>

</script>