JavaScript学习第三天

JavaScript学习第三天"/>

JavaScript学习第三天

目录

一、赋值运算符

二、运算符

 三、表达式和语句

四、数组复习

---

一、赋值运算符

        赋值运算符都有：=，+=，-=，*=，/=，%=，这些运算符都大同小异。

比如：+=        a += b可以看作a = a + b，其余同理。

二、运算符

        1.一元运算符：只需要一个表达式就可以运算的运算符叫一元运算符。

let num = 10
num++
console.log(num)//11

        后置num++和前置++num的区别：++num + 1 = 11 + 1 = 12        num++ + 1 = 10 + 1 = 11

        2.二元运算符：a+b

        3.三元运算符：a > b ? 10 : 20若条件为真则值为10，条件为假值为20。

        4.比较运算符：>,<,=,>=,<=,==（等于）,===（全等，看左右类型是否相等），！==（左右是否不全等），输出为布尔型(true或false)。

        5.逻辑运算符：与（&&）或（||）非（！）

//与&&  一假则假
console.log(true && true)//true
console.log(false && true)//false
console.log(3 < 4 && 3 > 2)//true
//或||  一真则真
console.log(true || false)//true
console.log(false || false)//false
console.log(2 == 3 || 3 > 2)//true
//非！  取反 
console.log(!true)//false
console.log(!false)//true
console.log(!0)//true
console.log(!1)//false

         6.运算符优先级： 

优先级	运算符	顺序
1	小括号	（）
2	一元运算符	++        --        ！
3	算术运算符	先* / %后+ -
4	关系运算符	>  >=  <  <=
5	相等运算符	==   !=   ===   !==
6	逻辑运算符	先&&        后||
7	赋值运算符	=
8	逗号运算符	，

 三、表达式和语句

        1.表达式：可以被求值的代码，会计算出一个结果。

        2.语句：可以执行的代码。

        3.分支语句：if分支，三元运算，switch分支。

        4.if分支：单分支（if），双分支（if......else......），多分支（if......else if......else if......else）

let a = 2
if (a < 4) {console.log(a)
}//若（）内为真则执行{}内的代码
if (0) {console.log(a)
}//这一种情况是假的不执行，其余数字都为真let num = propmt('请输入您的成绩')
if (num >= 60){alert('过了')}else{alert('寄啦')}let grade = prompt('请输入您的成绩')         if (grade > 90){alert('A')}else if (grade > 70){alert('B')}//还可以接着写else ifelse{alert('C')}

        5.三元运算符：条件 ? 满足条件执行代码 ： 不满足条件执行的代码，一般用来取值。

//三元运算符
//条件 ? 代码1 ： 代码2
console.log( 3 < 2 ? true : false)//false

        6.switch分支：执行满足条件的语句，找到和括号中数据全等的值，并执行其后{}中的代码。

//switch的使用
let num1 = +prompt('请输入你想要选择的模式0，1，2')//因为switch是全等，所以要进行数据类型转换
switch(num1){case 0:alert('您进入了自动模式')break   //退出switch，在switch中每个case最后需要退出case 1:alert('您进入了手动模式')breakcase 2:alert('选择错误')breakdefault://当出现了除上述所有后，会执行defaultalert('您输入的有误')break            
}//如果不进行break的话会出现穿透，即执行完符合的case后会接着执行下一个case直到出现break为止

        7.循环语句：重复执行某些语句，比如while，for，do...while

        8.while循环：在满足条件期间，会一直循环代码，do...while会在判断是否满足条件前先执行一次代码。

//while循环的使用
let num = prompt('请输入你想要加的次数')
let i = 0//while变量的起始值
while (i < num){//终止条件，如果没有就会一直循环，变成死循环i++//变量变化一般为++或--
}//js换行符<br>且需要字符串符号''包含
alert(`总计加了${num}次，每次加1，结果为${i}`)

         9.循环退出：continue和break的区别。

continue：结束本次循环，继续下次循环，其下面的代码不会再执行。

break：退出整个循环。

        10.for循环：for (变量起始值；终止条件；变量变化量){......}

//for循环的使用
for (let i = 0 ; i < 3 ; i++){
//let i = 0只会执行一次
//紧接着进行中间的条件判断
//等{}执行完毕后才会进行i++document.write('你好<br>')
}

 注;当我们明确循环次数时使用for，否则使用while。

        11.循环嵌套：for中加for，外部for运行一次，内部的for运行到条件判断结束。

//for的嵌套
for (let day = 1;day <= 3;day++){//执行一次document.write(`第${day}天<br>`)for (let num = 1; num <=5;num++){//执行5次document.write(`记住的第${num}个单词<br>`)}
}

四、数组复习

         1.数组的两种声明方法：直接[ ]字面量，new Array构造函数声明。

//字面量数组声明
let arr = [1,2,'ZY','ZIP',22]
//使用new Array构造函数声明数组
let arr1 = new Array(1,2,3,4,'ZY')
console.log(arr1)
console.log(arr)
//二者的结果是没有区别的，仅仅只是两种不同的声明方法

         2.取值语法：通过数组下标进行取值。

         3.数组长度获取：数组名.length        其返回值为数组长度。

let arr = [1,2,'ZY','ZIP',22]
console.log(arr.length)
//结果为arr数组的长度5

         4.遍历数组：从数组的第一个元素访问到数组的最后一个元素，即为遍历数组。

let arr = [1,2,'ZY','ZIP',22]
for(let i = 0;i < arr.length;i++)
{document.write(arr[i] + '<br>')
}

         5.操作数组：

//数组操作
let arr = []//给数组增加数据
arr[0] = 1
arr[1] = 5//改变数组内的数据
arr[0] = 'ZY'
for (let i = 0;i < arr.length;i++){arr[i] = arr[i] + 'teacher'
}//给数组新增数据，会加在数组末尾
let length = arr.push(1,2,3,4,5,6)
document.write(length)//push在添加完数据后会返回数组长度
console.log(arr)//给数组插入数据，会插在数组开头
arr.unshift('LP')
console.log(arr)//删除数组的数据
arr.pop()//删除数组的最后一个元素，并返回该元素的值
arr.shift()//删除数组的第一个元素，并返回该元素的值
arr.splice(2,1)//第一个参数是起始位置，第二个参数是删除几个元素，不写默认删除其后所有