1. 程式人生 > 其它 >JavaScript 型別轉換(String、toString、toFixed、toPrecision、toExponential、Number、parseFloat、parseInt、Boolean)

JavaScript 型別轉換(String、toString、toFixed、toPrecision、toExponential、Number、parseFloat、parseInt、Boolean)

JavaScript 型別轉換(String、toString、toFixed、toPrecision、toExponential、Number、parseFloat、parseInt、Boolean)

1、轉換字元(String、toString、toFixed、toPrecision、toExponential)

<p id="test"></p>

<script>
  var ii=1234.456;
  var bb=false;
  //數字轉換字元
  document.write(String(ii) + "<br/>");   //1234.456   
  document.write(ii.toString() + "<br/>"); //1234.456   
  document.write(ii.toFixed(2) + "<br/>"); //1234.45 保留2位小數 toFixed()對數字進行舍入,並使用指定位數的小數來寫
  document.write(ii.toPrecision(5) + "<br/>"); //1234.5  toPrecision() 把數字寫為指定的長度,對數字進行舍入 
  document.write(ii.toExponential(1) + "<br/>"); //1.2e+3  指數計數法來寫,對數字進行舍入
  document.write(ii.toExponential(2) + "<br/>"); //1.23e+3  指數計數法來寫,對數字進行舍入
  document.write(ii.toExponential(3) + "<br/>"); //1.234e+3  指數計數法來寫,對數字進行舍入
  document.write(ii.toExponential(4) + "<br/>"); //1.2345e+3  指數計數法來寫,對數字進行舍入
  //日期轉換字元
  document.write(String(Date()) + "<br/>"); // Thu Nov 18 2021 17:28:06 GMT+0800 (中國標準時間)
  document.write(Date().toString() + "<br/>"); //Thu Nov 18 2021 17:28:06 GMT+0800 (中國標準時間)
  //布林值轉換字串
  document.write(String(bb) + "<br/>"); //"false"
  document.write(bb.toString + "<br/>"); //function toString() { [native code] }  返回了建構函式 和 constructor屬性功能一致 
  
</script>

2、轉換數字(Number、parseFloat、parseInt)及數值屬性

<p id="test"></p>

<script>
  var s1="999";
  var s1_1="999.156";
  var s2="Hello JavaScript!";
  var s3="";  //空字串
  var s4=null; //nul字串
  var s5=undefined; //undefined字串
  
  document.write(Number(s1) + "<br/>");  //999  字元轉數字 + 運算 
  document.write(Number(s1)+1 + "<br/>");  //1000  字元轉數字 + 運算 
  document.write(Number(s2) + "<br/>");  //NaN 非數字
  document.write(Number(s3) + "<br/>");  //0 空字串轉換為0
  document.write(Number(s4) + "<br/>");  //0 nul字串轉換為0
  document.write(Number(s5) + "<br/>");  //0 undefined 字串轉換為NaN
  document.write(parseFloat(s1_1) + "<br/>");  //999.156  parseFloat 解析其引數並返回浮點數。
  document.write(parseInt(s1_1) + "<br/>");  //999  parseInt 解析其引數並返回整數。
  document.write(Number.MAX_VALUE + "<br/>");  //1.7976931348623157e+308   MAX_VALUE 返回 JavaScript 中可能的最大數。
  document.write(Number.MIN_VALUE + "<br/>");  //5e-324   MIN_VALUE 返回 JavaScript 中可能的最小數。
  document.write(Number.NEGATIVE_INFINITY + "<br/>");  //-Infinity   NEGATIVE_INFINITY 表示負的無窮大(溢位返回)。
  document.write(Number.NaN + "<br/>");  //NaN   NaN 表示非數字值("Not-a-Number")。
  document.write(Number.POSITIVE_INFINITY + "<br/>");  //Infinity   POSITIVE_INFINITY 表示無窮大(溢位返回)。
  
</script>

3、轉換布林值(Boolean)

<p id="test"></p>

<script>
  var ii=1234.456;
  var bb=false;
  var s1="999";
  var s1_1="999.156";
  var s2="Hello JavaScript!";
  var s3="";  //空字串
  var s4=null; //nul字串
  var s5=undefined; //undefined字串
  
  //布林轉換
  document.write(Boolean(ii) + "<br/>");  //true
  document.write(Boolean(s1)+ "<br/>");  //true
  document.write(Boolean(s2) + "<br/>");  //true
  document.write(Boolean(s3) + "<br/>");  //false
  document.write(Boolean(s4) + "<br/>");  //false
  document.write(Boolean(s5) + "<br/>");  //false
  document.write(Boolean(bb) + "<br/>");   //false
</script>

  

建立時間:2021.11.18  更新時間:2021.11.19

部落格園 滔Roy https://www.cnblogs.com/guorongtao 希望內容對你所有幫助,謝謝!