天天看點

Javascript基礎——運算符、流程控制(循環、判斷、真假、三元運算符)、Json

1、運算符(4種)

(1)算術運算符:“加+”、“減-”、“乘*”、“除/”、“取餘%”

效果展示(見小案例——隔行變色)

window.οnlοad=function (){

var aLi=document.getElementsByTagname('li');

for(var i=0;i<aLi.length;i++){

if(i%2==0){

aLi[i].style.background="#ccc";

}else{

aLi[i].style.background="";

}

}

}

(2)指派運算符:=、+(或-、*、/、%)=、

(3)邏輯運算符:&&與運算、||或、!否

(4)關系運算符:<、 >、 <=、  >=、 ==、  === 、 !=、 !==

另外,運算符優先級,即“括号”;

2、流程控制

(1)判斷:

a、if——else if——else    

        b、switch(i)——case 值1:case 值2: ....——default

例如:switch—case案例:

var name='abc'; var sex='男';

switch(sex){

case '男':alert(name+'先生,你好!');

case  '女':alert(name+'女士,你好!');

default:alert('你好!');

}

c、三元運算符

例如:判斷單數雙數

var a=12;

a%2==0? alert('雙數'):alert('單數');

(2)跳出

a、break:結束整個循環,跳出

b、contine:結束該單次循環,跳出仍繼續

(3)循環

for、while

(4)判斷真假:

真——true/非0/非字元串/非空對象如document、

假——false/0/空字元串/空對象如null/無定義undefined

3、Json

(1)Json概念:基于Javascript的輕量級資料格式,類似于數組,但跟數組不同

a數組——下标:var  arr=[12,4,7 ];   //數組;

     alert(arr[i]);

//其下标為i,即一個數字。

長度:用arr.length表示

bJson——下标:var  json={a:12,b:3,c:7};

   alert(json['a']);

//其下标為數組

長度:無length的概念

(注意——Json中循環for...in概念)

例如:for(var i in json){

alert(第'i'個值為'json[i]');

}

繼續閱讀