JavaScript(二)(未整理完)

javascript操作符

算术运算符

- 算术运算符有:+,-,*,/,%,++,--
对于算术运算符要注意的是:字符串和数字之间的相加减,以及布尔值类型和字符,数字之间的相加减

var numa = 10;
var numb = 4;
document.write(numa+numb); //14
console.log(numa-numb); //6
console.log(numa*numb); //40
console.log(numa/numb); //2.5
var str = “1”;
console.log(numa+str); //101
console.log(numa-str); //9
console.log(numa+true); //11
console.log(numa-false); //10
console.log(numa+null); //10
console.log(numa+undefined); //NaN
console.log(0.1+0.2); //0.30000000000000004

赋值运算符

- 赋值运算符有:=,+=,-=,*=,/=

var num = 10;
console.log("=",num); //= 10
num += 5; //num = num + 5
console.log("+=",num); //+= 15
num -= 4; //num = num - 4
console.log("-=",num); //-= 11
num /= 3; //num = num / 3
console.log("/=",num); // /= 3.6666666666666665
num = 2; //num = num * 2
console.log("
=",num); //*= 7.333333333333333
num %= 1; //num = num % 1
console.log("%=",num); //%= 0.33333333333333304

比较运算符

- 比较运算符有:>,>=,<,<=,==,===(全等)
- 比较运算符只会返回布尔值:true/false

var a = 10;
var b = 15;
var c = ‘10’;
console.log(a>b); //false
console.log(a>=b); //false
console.log(a<b); //true
console.log(a<=b); //true
console.log(ac); //true 比较数值
console.log(a
=c); //false

逻辑运算符

- 逻辑运算符有:&&(与),||(或),!(非)
- 以下在进行判断的时候为假
1.0
2.null
3.undefined
4.NaN
5.' '(空字符串)
6.false
需要注意:逻辑运算符两边的数值均为布尔值,或者其他数据类型

var a = 10>4 && 3>4;
console.log(a); //false
var b = 10>5 && 3>2;
console.log(b); //true
var c = 1>2 || 2<5;
console.log©; //true
var d = 1 || 0 || ‘’;
console.log(d); //1
var e = 22 && undefined || null;
console.log(e); //null
var f = !0;
console.log(f); //true
var g = 10 || 3 && false;
console.log(g); //10
var h = 1 && null && undefined;
console.log(h); //null

javascript流程控制

  1. if(判断条件){
    显示结果
    }

在这里插入图片描述

javascript循环

for循环

for(循环条件){
显示结果
}
for (var i=1;i<10;i++) {		#注意不要忘了i++,如果没有i++就是死循环,无法执行
    document.write(i)
}	#123456789
九九乘法表:
<script type="text/javascript">
for (var i=1;i<=9;i++) {
    document.write('<br>')
    for (var j=1;j<=i;j++){
        var sum = i*j;
        document.write(i+"*"+j+"="+sum+" ");		+是连接作用
    }
}

while循环

while(循环条件){
显示结果
}

先判断再执行
var a = 0;
while (a<10){
document.write(a);
a++;
}

do.while循环

do{
显示结果
}while{
循环条件
}

先执行再判断
var b = 1;
do {
document.write(b);
b++;
}while (b<10)

javascript字符串方法

length:长度
[ ]/charAt():下标
indexOf():索引
Replace():替换
Split():分割
toUpperCase():大写
toLowerCase():小写
Substring():截取
Slice():切割
var str1 = 'hello world';

document.write(str1.length+"
"); // 11
document.write(str1[0]+"
") ; //h
document.write(str1.indexOf(“l”)+"
");
document.write(str1.split(" “)+”
"); //把分割点变成逗号
document.write(str1.slice(0,4)+"
"); //hell,左闭右开
document.write(str1.slice(4,2)+"
"); //空,左闭右开,考虑顺序
document.write(str1.substring(1,4)+"
"); //ell
document.write(str1.substring(4,2)+"
"); // ll,不考虑顺序,依旧左闭右开
document.write(str1.replace(‘he’,“h”)+"
"); //hllo world
document.write(str1.replace(‘o’,“m”)+"
"); //hellm world,替换第一个

javascript数组方法

数组常用方法:
length:长度
[]:下标
push():追加
Unshift():添加
Pop():后删
Shift();前删
indexOf():索引
slice();切片
splice():替换
join():拼接
Sort():排序
Reverse():反向
Concat():连接
补充方法:
toString():字符串
toFixed():小数字符串
isNaN():判断NaN
isArray():判断数组
parseInt():整数
parseFlost():浮点数
Number():数字

练习

Title 图一 图二 图三 图四

猜你喜欢

转载自blog.csdn.net/xiaogeldx/article/details/85412716