JavaScript学习基础
一、操作符
- 算术运算符
+、-、*、/、%; - 一元运算符：
++ 自增
-- 自减
前置运算符：先运算后执行表达式；
后置运算符：先执行表达式后运算
//一元运算符：只有一个操作数的运算符
// 前置:先运算后执行表达式
var num3 = 23;
var num4 = 12;
++num3; //24
console.log(num3);//24
console.log(num3 + ++num4);//24+13=37
--num4; //12
console.log(num4);//12
console.log(num3 + --num4); 24+11=35
//后置：先执行表达式在运算
var a = 1;
var b = ++a;//2
var c = ++a + b++ //3+2=5
console.log(c)
- 逻辑运算符：
&& 与 两个操作数同时为true，结果为true，否则都是false || 或 两个操作数有一个为true，结果为true，否则为false ! 非 取反 - 关系运算符：
=： 赋值；
==：值相同，不计较类型；
!=：==的取反；
===：类型和值都相等；
!==： ===的取反。
二、赋值运算符和运算符的优先级
- 赋值运算符：
=、+=、-=、*=、/=、%=；
var a = 12;
var b = ++a; //13
// a += b; //26
//a -= b //0
//a *= b; //169
a /= b; //1
//a %= b; //0
console.log(a) //13+13= 26
- 运算符的优先级
优先级从高到低- a. ()优先级最高；
- b. 一元运算符 ++ -- ！；
- c. 算数运算符 先*/%后+ -；
- d. 关系运算符> >= < <=
- e. 相等运算符 == != === !==;
- f. 逻辑运算符 先&&后||
- g. 赋值运算符
三.表达式和语句
四.流程控制
1.顺序结构：
程序默认就是从上到下顺序执行的;
2.分支结构
- 条件判断
if('表达式'){
// 执行语句
} else {
//否执行的语句
}
// 分数转换，把百分制转换成ABCDE <60 E 60-70 D 70-80 C 80-90 B 90 - 100 A
var kk = 89;
if (kk >= 90) {
console.log("A");
} else if (kk >=80 && kk < 90) {
console.lo("B");
} else if (kk >=70 && kk < 80) {
console.lo("c");
} else if (kk >=60 && kk < 70) {
console.log("D");
} else {
console.log('E');
}
//判断是否成年
var age = 18;
if(age >= 18){
alert('成年')
}else{
alert('未成年')
}
- 三元运算符：
表达式1 ? 表达式2 : 表达式3
var temp = 123;
var tem = temp>1000?'very good':'hate';
console.log(tem);//hate
- switch case
var day = 3;
switch(day){
case 1:
console.log('星期一');
break;
case 2:
console.log('星期二');
break;
case 3:
console.log('星期三');
break;
case 4:
console.log('星期四');
break;
case 5:
console.log('星期五');
break;
case 6:
console.log('星期六');
break;
case 7:
console.log('星期日');
break;
default:
console.log('你输入的数字不在星期范围内');
break;
}
// 分数转换，把百分制转换成ABCDE <60 E 60-70 D 70-80 C 80-90 B 90 - 100 A
var scrol = 89;
scrol = parseInt(scrol / 10);
switch(scrol){
case 10:
console.log('A');
break;
case 9:
console.log('A');
break;
case 8:
console.log('B');
break;
case 7:
console.log('c');
break;
case 6:
console.log('D');
break;
default:
console.log('E');
break;
}
3.循环结构
-
while循环
// 当循环条件为true时，执行循环体，// 当循环条件为false时，结束循环。
while (循环条件) {
// 循环体
}
//100以内所有的偶数的和；
var i = 1;
var sum = 0;
while(i <= 100){
if(i % 2 ===0){
sum =sum + i;
}
i++;
}
console.log(sum);
//100以所有数的和
var j = 1;
var sum = 0;
while(j <= 100){
sum = sum + j;
j++;
}
console.log(sum); //5050
//使用while循环：输出询问“你是不是一个傻瓜？”，选择“请输入yes or no:"，如果输入为yes则打印”真是一个傻瓜“，若输入为no,则继续询问
while(msg !== 'yes'){
var msg = prompt('你是不是一个傻瓜？','请输入yes or no');
}
console.log('真是一个傻瓜');
- do while循坏
do..while循环和while循环非常像，二者经常可以相互替代，但是do..while的特点是不管条件成不成立，都会执行一次。
// 100以内3的倍数
var i = 1;
do{
if(i % 3 === 0){
console.log(i);
}
i++;
} while (i <= 100);
// 100以内3的倍数的和
var a = 1;
var sum = 0
do{
if(a % 3 ===0){
sum = sum + a;
}
a++;
} while (a <= 100);
console.log(sum);
//使用do-while循环：输出询问“你是不是一个傻瓜？”，选择“请输入yes or no:"，如果输入为yes则打印”真是一个傻瓜“，若输入为no,则继续询问
do{
var msg = prompt('你是不是一个傻瓜','请输入yes or no:')
} while (msg !== 'yes');
document.write('真是一个傻瓜');
- for 循环
//打印正方形
var str = '';
for (var i = 1; i < 10;i++){
for (var j =1; j < 10;j++){
str += '*';
}
str += '\n'
}
console.log(str);
//打印三角形
var str = '';
for (var i = 1;i < 10; i++){
for(var j = i; j < 10;j++){
str +='*';
}
str += '\n';
}
console.log(str);
//打印九九乘法表
var str = '';
for(var i = 1; i < 10;i++){
for(var j =i; j < 10; j++){
str += i+'*'+j+'='+i*j+';';
}
str += '\n'
}
console.log(str);
// 求整数50～200的第一个能被7整除的数
for(var i =50; i <= 200 && i >= 50; i++){
if(i % 7 === 0){
console.log(i);
break;
}
}
