JS 運算子、控制流程、回圈、字串/陣列方法

運算子

• 算術運算子：+ 、- 、 * 、 / 、 %、++、--
• 賦值運算子：= 、+=、-=、 *=、/=、%=
• 比較運算子：>、>=、<、<=、!=、==、===（全等，資料型別也會去比較）
• 邏輯運算子：&&（與）、||（或）、! （非）
  
  

流程控制

• 以下在進行判斷的時候為假
  • 0
  • null
  • undefined
  • NaN
  • "" 空字串
  • false
• if else

if (...) {
    ...
} else if(...) {
    ...
} else {
    ...
}
// 三目運算子
name ? console.log("存在："+name) :console.log("不存在")
//多條件下的三目運算子
0 ? console.log(1) : 3>4 ? console.log(2) : console.log(3)

• switch

var choice = 1;
switch (choice) {
    case 1:
        document.write(1);
        //不寫break時，當滿足條件是，不再判斷，會執行后面所有陳述句
        break;
    case 2:
        document.write(2);
        break;
    default:
        document.write("都不滿足");
}

回圈

• for回圈

//九九乘法表
for (i=1; i<=9; i++){
    for(j=1; j<=i; j++){
        document.write(j+"*"+i+"="+i*j+'&emsp;');
    }
    document.write("<br>");
}

• while回圈

while (true){
    document.write(1);
    break;
}

• do while回圈

do{
    document.write(1);
}while (1<0)

字串方法

• 長度：length
• 下標： [] /charAt()
• 替換：replace()
• 分割：split()
• 大寫：toUpperCase()
• 小寫： toLowerCase()
• 索引：indexOf()
• 截取：substring()
• 切割：slice()

var str_test = "Which Love Love";
document.write(str_test.length+'<br>');//length
document.write(str_test[0]+'<br>');//[]
document.write(str_test.charAt(1)+'<br>');//charAt()
document.write(str_test.replace("Love","===")+'<br>');//replace()
document.write(str_test.split(' ')+'<br>');//split()
document.write(str_test.toUpperCase()+'<br>');//toUpperCase()
document.write(str_test.toLowerCase()+'<br>');//toLowerCase()
document.write(str_test.indexOf('L',8)+'<br>');//indexOf()
//slice()不會自動比較引數的大小
document.write(str_test.slice(0,5)+'<br>');//slice()
//substring()會自動比較引數的大小
document.write(str_test.substring(5,0)+'<br>');//substring()

陣列方法

• 長度：length
• 下標： [ ]
• 追加：push()
• 添加：unshift()
• 后刪：pop()
• 前刪：shift()
• 索引：indexOf()
• 切片： slice()
• 替換：splice()
• 拼接：join()
• 排序：sort()
• 反向：reverse()
• 連接：concat()

var arr = ['one','two','three','four','five'];
document.write(arr.length+'<br>');//length
document.write(arr[0]+'<br>');//[]
arr.push('six');//push()
arr.unshift('zero');//Unshift()，從前面添加
arr.pop();//pop()
arr.shift();//shift()
document.write(arr.indexOf('two')+'<br>');//indexOf()
document.write(arr.slice(0,3)+'<br>');//slice()
//將新的值，替換從下標為1的開始的兩個值
document.write(arr.splice(1,2,'a','b','c','d')+'<br>');//splice()
document.write(arr.join('==')+'<br>');//join()
document.write(arr.sort()+'<br>');//sort()
document.write(arr.reverse()+'<br>');//reverse()
var arr_temp1=[1,2];
var arr_temp2=[3,4];
document.write(arr.concat(arr_temp2,arr_temp1)+'<br>');//concat()

其它方法

• 轉為字串：toString()
• 數字四舍五入：toFixed()
• 判斷NaN：isNaN()
• 判斷陣列：Array.isArray()
• 整數：parseInt()
• 浮點數： parseFlost()
• 數字：Number()

var num = 12.8;
var a ='0x1234';
var b ='343.324';
document.write(typeof toString(num)+'<br>');//toString()
document.write(num.toFixed()+'<br>');//toFixed()
document.write(isNaN(num)+'<br>');//isNaN()
document.write(Array.isArray(num)+'<br>');//isArray()
document.write(parseInt(a)+'<br>');//parseInt()
document.write(parseFloat(b)+'<br>');//parseFloat()
document.write(Number(b)+'<br>');//Number()

標籤：JavaScript

上一篇：JS---案例：簡單輪播圖

下一篇：后臺管理tab欄滑動解決方案