每天一篇javascript學(xué)習(xí)小結(jié)（基礎(chǔ)知識）

更新時間：2015年11月10日 17:13:46 投稿：lijiao

這篇文章主要介紹了javascript基本的知識點，包括字符串、特殊字符運算、變量轉(zhuǎn)字符串等，對javascript的基礎(chǔ)知識講解的很全面，為了更好地幫助大家學(xué)習(xí)javascript，感興趣的小伙伴們可以參考一下

1、字符轉(zhuǎn)換

 var s1 = "01";
  var s2 = "1.1";
  var s3 = "z";//字母'z'無法轉(zhuǎn)換為數(shù)字，所以或返回NaN
  var b = false;
  var f = 1.1;
  var o = { 
   valueOf: function() {
    return -1;
   }
  };
  
  s1 = -s1; //value becomes numeric -1
  s2 = -s2; //value becomes numeric -1.1
  s3 = -s3; //value becomes NaN
  b = -b;  //value becomes numeric 0
  f = -f;  //change to -1.1
  o = -o;  // 1 先執(zhí)行對象的valueOf()方法返回-1,--1為1
　　　　o = +o;//-1 o的valueOf()值為-1，+-1還是-1

2、特殊字符運算

 var result1 = 5 - true; //4 because true is converted to 1
  var result2 = NaN - 1;  //NaN NaN不是一個數(shù)字，和任何數(shù)字做任何運算都是NaN
  var result3 = 5 - 3;  //2
  var result4 = 5 - "";  //5 because "" is converted to 0
  var result5 = 5 - "2";  //3 because "2" is converted to 2
  var result6 = 5 - null; //5 because null is converted to 0

3、變量轉(zhuǎn)字符串運算

 var value1 = 10;
  var value2 = true;
  var value3 = null;
  var value4;//value4 沒有賦值就是underfined 轉(zhuǎn)換為字符串就是'underfined'
  
  alert(String(value1));  //"10"
  alert(String(value2));  //"true"
  alert(String(value3));  //"null"
  alert(String(value4));  //"undefined"

4、數(shù)字的進制轉(zhuǎn)換

var num = 10;
  alert(num.toString());  //"10"默認(rèn)十進制
  alert(num.toString(2));  //"1010"二進制
  alert(num.toString(8));  //"12"八進制
  alert(num.toString(10));  //"10"十進制
  alert(num.toString(16));  //"a"十六進制

5、字符串比較運算

var result1 = 5 > 3; //true
  var result2 = 5 < 3; //false
  var result3 = "Brick" < "alphabet"; //true 字符串比較按照字母表順序進行比較 小寫字母在大寫字母后面
  var result4 = "Brick".toLowerCase() < "alphabet".toLowerCase(); //false字母表順序比較
  var result5 = "23" < "3"; //true 字符2小于字符3
  var result6 = "23" < 3; //false 此時'23'轉(zhuǎn)換成23了
  var result7 = "a" < 3; //false because "a" becomes NaN 字符'a'無法轉(zhuǎn)換成數(shù)字
  var result8 = NaN < 3; //false NaN 和任何數(shù)字比較，都無法轉(zhuǎn)換成數(shù)字，所以一直是false
  var result9 = NaN >= 3; //false

6、字符進制轉(zhuǎn)換

  var num1 = parseInt("AF", 16);  //175 按照16進制輸出十進制數(shù)據(jù) 10*16+15*1
  var num2 = parseInt("AF");   //NaN 沒有指定進制，默認(rèn)按照10進制轉(zhuǎn)換，由于AF不在十進制范圍，返回NaN

  alert(num1);
  alert(num2);

7、parseInt的使用

  var num1 = parseInt("1234blue"); //1234
  var num2 = parseInt("");   //NaN 字符''無法轉(zhuǎn)換成數(shù)字
   var num3 = parseInt("0xA");   //10 - hexadecimal 16進制的A
  var num4 = parseInt(22.5);   //22
  var num5 = parseInt("70");   //70 - decimal
  var num6 = parseInt("0xf");   //15 16進制為15

8、Number對象的使用

  var num1 = Number("Hello world!"); //NaN
  var num2 = Number("");    //0 空字符串可以轉(zhuǎn)換成0 這個parseInt()不一樣
   var num3 = Number("000011");  //11
  var num4 = Number(true);   //1

9、NaN用法

  alert(NaN == NaN);  //false
  alert(isNaN(NaN));  //true
  alert(isNaN(10));  //false ?10 is a number
  alert(isNaN("10"));  //false ?can be converted to number 10
  alert(isNaN("blue")); //true ?cannot be converted to a number
  alert(isNaN(true));  //false ?can be converted to number 1

10、系統(tǒng)最大數(shù)字

var result = Number.MAX_VALUE + 1;
alert(isFinite(result)); // false

11、Infinity無窮大

  alert(5 * 6);   //30
  alert(5 * NaN);   //NaN
  alert(Infinity * 0); //NaN
  alert(Infinity * 2); //Infinity
  alert("5" * 5);   //25
  alert(true * 10);  //10
  alert(false * 10);  //0
　　　　　　alert(26 % 5); //1
　　　　　　alert(Infinity % 3); //NaN
　　　　　　alert(3 % 0); //NaN
　　　　　　alert(5 % Infinity); //5
　　　　　　alert(0 % 10); //0
　　　　　　alert(true % 25); //1
　　　　　　alert(3 % false); //NaN

12、for in 循環(huán)

for (var propName in window) {
    document.write(propName);
    document.write("<br />");
  }

13、特殊字符比較

 alert(null == undefined); //true
  alert(null === undefined); //false
  
  alert("NaN" == NaN);  //false
  alert("NaN" === NaN);  //false
  alert(NaN == NaN);   //false
  alert(NaN === NaN);   //false
  alert(NaN != NaN);   //true
  alert(NaN !== NaN);   //true
  
  alert(false == 0);   //true
  alert(false === 0);   //false
  alert(true == 1);   //true
  alert(true === 1);   //false
  
  alert(null == 0);   //false
  alert(undefined == 0);  //false
  
  alert(5 == "5");   //true
  alert(5 === "5");   //false

14、Boolean對象

 var message = "Hello world!";
  var messageAsBoolean = Boolean(message);
  
  alert(messageAsBoolean); //true

15、for循環(huán)與標(biāo)簽一起使用
break 語句和 continue 語句都可以與有標(biāo)簽的語句聯(lián)合使用，返回代碼中的特定位置。
通常，當(dāng)循環(huán)內(nèi)部還有循環(huán)時，會這樣做，例如：

 var num = 0;
  //返回到特定的位置
  outermost:
  for (var i=0; i < 10; i++) {
    for (var j=0; j < 10; j++) {
    if (i == 5 && j == 5) {
     break outermost;
    }
    num++;
   }
  }
  
  alert(num); //55

在上面的例子中，標(biāo)簽 outermost 表示的是第一個 for 語句。正常情況下，每個 for 語句執(zhí)行 10 次代碼塊，這意味著 num++ 正常情況下將被執(zhí)行 100 次，在執(zhí)行完成時，num應(yīng)該等于 100。這里的 break 語句有一個參數(shù)，即停止循環(huán)后要跳轉(zhuǎn)到的語句的標(biāo)簽。這樣 break 語句不止能跳出內(nèi)部 for 語句（即使用變量 j 的語句），還能跳出外部 for 語句（即使用變量 i 的語句）。因此，num最后的值是 55，因為當(dāng) i 和 j 的值都等于 5 時，循環(huán)將終止。
可以以相同的方式使用 continue 語句：

var iNum = 0;

outermost:
for (var i=0; i<10; i++) {
 for (var j=0; j<10; j++) {
 if (i == 5 && j == 5) {
 continue outermost;
 }
 iNum++;
 }
}

alert(iNum); //輸出 "95"

在上例中，continue 語句會迫使循環(huán)繼續(xù)，不止是內(nèi)部循環(huán)，外部循環(huán)也如此。當(dāng) j 等于 5 時出現(xiàn)這種情況，意味著內(nèi)部循環(huán)將減少 5 次迭代，致使 iNum 的值為 95。

提示：可以看出，與 break 和 continue 聯(lián)合使用的有標(biāo)簽語句非常強大，不過過度使用它們會給調(diào)試代碼帶來麻煩。要確保使用的標(biāo)簽具有說明性，同時不要嵌套太多層循環(huán)。

以上就是今天的javascript學(xué)習(xí)小結(jié)，之后每天還會繼續(xù)更新，希望大家繼續(xù)關(guān)注。

您可能感興趣的文章: