JavaScript 02:提示

一.JS 操作符

1.算术运算符

(1) + - * / %

在 JS 中可进行字符串和数字的拼接，但存在隐式转换，除加法外，减 乘 除 取余 都可进行正常运算。

	var a = 1
    var b = 2
    var c = '3'
    //算术运算符 + - * / %
    document.write(a + b + '<br/>')//拼接 3
    document.write(c - a)//拼接 2
    document.write(a + true)//拼接 2
    console.log(c - a);// 隐式转换 - / * %

2.赋值运算

（1）+= 1

document.write(b += 1) // 3

（2）++ - -

	console.log(b);// 3
    console.log(b++);//先打印 之后进行加一
    console.log(b);// 4
    console.log(++b);//先相加 在打印

b++ 是先进行打印，之后进行加一
++b 是先相加，在打印

3.比较运算符

（1）==

相等是先转换类型在进行比较，所以数值和字符串是相等的

    var num = 2
    var sum = '2'
    console.log( 2 == '2'); // True
    console.log( 2 != '2');// false

（2）===

全等是比较值的同时比较类型，所以数值和字符串是不相等的

	var num = 2
    var sum = '2'
    console.log(2 === '2');// false
    console.log(2 !== '2');//true
    console.log(2 === 2);// true
    console.log(null === null);// true
    console.log(undefined === undefined)// true

4.逻辑运算符

（1）与

两者为真且为真

2 < 3 && 3 < 4 //true// true

（2）或

两者其一为真且为真

console.log(2 < 3 || 3 < 4); //true

（3）非

取反

 console.log(!(2 < 3 && 3 < 4));// false

二.JS流程控制

1.条件分支

（1）if

var a = 2
    var b = 1
    if(a == 2){
        console.log(11110);
    } else {
        console.log(222);
    }

if(a<b){
        console.log('我是天才');
    }else if(a==b){
        console.log('我是美女');
    }else if(a>b){
        console.log('他是天才');
    }else{
        console.log('今天下雨');
    }

（2）switch

条件较多时使用switch

switch(a){
        case 1:
            document.write("今天是周一")
            break
        case 2:
            document.write("今天是周二")
            break
        default:
            document.write("今天是周三")
            break
    }

三.JS循环

1.for 循环

先判断，在执行

循环变量 判断循环条件 更新循环变量 循环体

for(var i = 0;i <= 10;i++){
        document.write("今天的我格外漂亮  赞同+"+9999+"<br/>")
    }

循环变量 => 判断条件是否成立 => 执行循环体 => 更新循环变量 => 判断条件是否成立…

2.while 循环

先判断 在执行

var x = 0;
while(x <=10){//判断条件是否成立
    document.write("今天的我格外帅 赞同+"+999+"<br/>")//循环体
    x++ //更新循环变量
}

循环变量 => 判断条件是否成立 => 执行循环体 => 更新循环变量 => 判断条件是否成立…

3.do while 循环

最少执行一次的循环，先执行在判断。

var p = 11
    do{
        //循环体
        document.write("今天的我格外的帅  赞同+"+999+"<br/>")
        p++//更新循环变量
    }while(p <= 10)//判断条件是否成立

4.for in 循环

中括号表示的是数组

i 循环的是数组中的下标（索引）

var arr = [1,2,4,6]//数组
for(var i in arr){
    console.log(i);
    }

花括号表示的是对象（字典）

获取的是对象中的键（name age sex）

var arry = {"name":'dongjiao',"age":'16',"sex":'女'}
for(var i in arry){
        console.log(i);
    }

四.JS字符串方法

var st = ‘hello js’

1.长度（lenght）

console.log(st.length);

2.下标（indexOf）

console.log(st.indexOf("o"));

3.获取元素（charAt）

console.log(st.charAt(1));

4.字符串切割（split）

console.log(st.split(" "));

5.获取字符串切割（replace）

console.log(st.replace("h","H"));

6.切片

（1）下标 上标 左闭右开 可切负数，但不能倒着切

console.log(st.slice(0,5));

（2）切片 下标 上标 左闭右开 可倒着切，但不能是负数

console.log(st.substring(5,0));

（3）切片 下标 单位长度 左闭右开 可倒着切，但不能是负数

console.log(st.substr(1,3));//

五.JS数组方法

1.长度（length）

console.log(arr.length);

2.索引（indexOf）

console.log(arr.indexOf("猕猴桃"));

3.添加数组元素

（1）push

添加数组元素 返回数组长度

console.log(arr.push("桃子"));

（2）unshift

添加数组元素 返回数组长度

console.log(arr.unshift("芒果"));//添加数组元素 返回数组长度

4.删除

（1）pop

删除最后一个元素

console.log(arr.pop());

（2）shift

删除第一个元素

console.log(arr.shift());

（3）splice

从第二个元素删除一个

console.log(arr.splice(2,1));

5.切片（slice）

上标下标，左闭右开

console.log(arr.slice(1,3));

6.数组拼接（join）

console.log(arr.join("****"));

7.排序

（1）正序（sort）

console.log(arr2.sort());

（2）倒叙（reverse）

console.log(arr2.reverse());

附（今日份学习）：

JS操作符

条件分支


循环语句


字符串方法
数组方法