课堂 Java Script

170 阅读2分钟

js基础

运算符

赋值

let i=12 [表示给i赋值为12]

比较运算符

 类型:    >   <   >=   <=   ==   !=

比较运算符的结果是布尔类型
比较运算符两侧一般是数值类型

image.png ==普通等于 ;可以判断两个值是否相等,同时可以进行值类型的转换操作。 ===全等 ;不允许有值类型转换操作。
!=不等
逻辑运算符

类型:   &&   ||   !

&&【与】:两者都为真,运算结果为真,有一个为假,两者都为假。&&符号两侧必须是布尔类型。

image.png || 【或】:有一个为真结果就为真。

image.png !【取反】:真变假,假变真。

image.png 逻辑运算符的懒操作
&&和||都具有懒操作。
当第一个表达式汇中就已经决定结果了
那么第二表达式不再运算

image.png

image.png

程序结构

分类:顺序结构 选择结构 循环结构

选择结构
if选择结构
switch选择结构
if选择结构: image.png if...else结构:两者必定走一条

  console.log('程序开始');
  if(5===5){
      console.log('相等');
  } 
  else{
     console.log('不相等');
  }
  console.log('程序结束');

奇偶数判断
【用户输入一个数字,如果是偶数输出偶数,反之奇数】

image.png

或者使用
  let num=Number.parseInt(porompt('请输入一个数字'))
  if(mun%2===0){
    console.log('是偶数')
  }
  else(mun%2===0){
    console.log('是奇数')
  }

多重if结构

image.png

else if :可以写多个
最后一个else :可以不用写

例;
【用户输入一个成绩,如果>=90,是A
如果>=80,是B
如果>=60是C
<60是D
】

let score = Number.parseInt(prompt('请输入你的成绩'))

if (score >= 90) {
	console.log('您的成绩是A');
} else if (score >= 80) {
	console.log('您的成绩是B');
} else if (score >= 60) {
	console.log('您的成绩是C');
} else {
	console.log('您的成绩是D');
}

嵌套if

let score=89
if(score>=60){
    if(score>=90){
       console.log('优秀');
    }else if(score>=80){
       console.log('良好');
    }else{
       console.log('及格');
    }
  }else{
   console.log('不及格');
  }

三元运算符
语法:let res=表达式?值1:值2
表达式必须是布尔类型的结果
如果表达式结果是true,那么三元运算结果是值1
如果表达式结果是false,那么三元运算的结果是值2

let b= 5>1 ?'大于':'小于'
  console.log(b);
  【大于;值1】  【小于;值2】

循环结构

【循环就是在满足条件的情况下,去不断反复的执行某一的操作】

image.png while循环结构

image.png 【语法结构】

【输出1-100的数字】
let i=1
while(i<=100){
  【console.log(i);】
   document.write('<h1>谁都阻止不了我</h1>')
【对i进行变化,对i进行操作】
   i++
}
console.log('循环结束');
【此时i101

while循环:是先判断后执行。

do-while循环

先执行后判断

【先执行后判断,即使条件开始就为假,循环操作也至少能执行一次】
do{
    console.log('hello');
}while(false)
练习【1+2+..+100】
let i=1,sum=0
do{
  sum=i
  i++
}while(i<=100)
console.log(sum);

for循环

image.png let i=1:第一表达式。用来初始化变量和值,可以有多个变量,用逗号隔开。
i<=100:第二表达式。用来做条件判断,结果必须是一个布尔类型。
i++:第三表达式。用来变量迭(die)代得,可以用多个,用逗号隔开。
【执行流程: 第一表达式-->第二表达式true-->循环体-->第三表达式i递增1--> 第二表达式true-->循环体....以此类推循环】

练习

for操作
【模拟1+100=101,2+99=101。 分析:一个数递增,一个数递减】

for(let i+1,j=100;i<=50;i++,j++){
   console.log(i+'+'+j+'='+(i+j));
}
循环所需的变量,一般叫做i/j/k/x/y/z