DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 深入解析JavaScript中的數字對象與字符串對象
深入解析JavaScript中的數字對象與字符串對象
編輯:JavaScript基礎知識     

JavaScript Number 對象
JavaScript 只有一種數字類型。
可以使用也可以不使用小數點來書寫數字。
JavaScript 數字
JavaScript 數字可以使用也可以不使用小數點來書寫:
實例

var pi=3.14;  // 使用小數點
var x=34;    // 不使用小數點


極大或極小的數字可通過科學(指數)計數法來寫:
實例

var y=123e5;  // 12300000
var z=123e-5;  // 0.00123

所有 JavaScript 數字均為 64 位
JavaScript 不是類型語言。與許多其他編程語言不同,JavaScript 不定義不同類型的數字,比如整數、短、長、浮點等等。
在JavaScript中,數字不分為整數類型和浮點型類型,所有的數字都是由 浮點型類型。JavaScript采用IEEE754標准定義的64位浮點格式表示數字,它能表示最大值為±1.7976931348623157 x 10308,最小值為±5 x 10 -324
值 (aka Fraction/Mantissa) 指數 Sign

52 bits (0 - 51) 11 bits (50 - 62) 1 bit (63)

精度
整數(不使用小數點或指數計數法)最多為 15 位。
小數的最大位數是 17,但是浮點運算並不總是 100% 准確:
實例

var x = 0.2+0.1; // result will be 0.30000000000000004


八進制和十六進制
如果前綴為 0,則 JavaScript 會把數值常量解釋為八進制數,如果前綴為 0 和 "x",則解釋為十六進制數。
實例

var y = 0377; 
var z = 0xFF;


lamp 絕不要在數字前面寫零,除非您需要進行八進制轉換。
默認情況下,JavaScript 數字為十進制顯示。
但是你可以使用 toString() 方法 輸出16進制、8進制、2進制。
實例

var myNumber=128;
myNumber.toString(16);  // returns 80
myNumber.toString(8);  // returns 200
myNumber.toString(2);  // returns 10000000


無窮大(Infinity)
當數字運算結果超過了JavaScript所能表示的數字上限(溢出),結果為一個特殊的無窮大(infinity)值,在JavaScript中以Infinity表示。同樣地,當負數的值超過了JavaScript所能表示的負數范圍,結果為負無窮大,在JavaScript中以-Infinity表示。無窮大值的行為特性和我們所期望的是一致的:基於它們的加、減、乘和除運算結果還是無窮大(當然還保留它們的正負號)。
實例

myNumber=2;
while (myNumber!=Infinity)
{
myNumber=myNumber*myNumber; // Calculate until Infinity
}

除以0也產生了無限:
實例

var x = 2/0;
var y = -2/0;


NaN - 非數字值
NaN 屬性是代表非數字值的特殊值。該屬性用於指示某個值不是數字。可以把 Number 對象設置為該值,來指示其不是數字值。
你可以使用 isNaN() 全局函數來判斷一個值是否是 NaN 值。
實例

var x = 1000 / "Apple";
isNaN(x); // returns true
var y = 100 / "1000";
isNaN(y); // returns false

除以0是無窮大,無窮大是一個數字:
實例

var x = 1000 / 0;
isNaN(x); // returns false


數字可以是數字或者對象
數字可以私有數據進行初始化,就像 x = 123;
JavaScript 數字對象初始化數據, var y = new Number(123);
實例

var x = 123;
var y = new Number(123);
typeof(x) // returns Number
typeof(y) // returns Object

實例

var x = 123;       
var y = new Number(123);
(x === y) // is false because x is a number and y is an object.

JavaScript 字符串(String) 對象
String 對象用於處理已有的字符塊。
JavaScript 字符串
一個字符串用於存儲一系列字符就像 "John Doe".
一個字符串可以使用單引號或雙引號:
實例

var carname="Volvo XC60";
var carname='Volvo XC60';


你使用位置(索引)可以訪問字符串中任何的字符:
實例

var character=carname[7];


字符串的索引從零開始, 所以字符串第一字符為 [0],第二個字符為 [1], 等等。
你可以在字符串中使用引號,如下實例:
實例

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';


或者你可以在字符串中使用轉義字符使用引號:
實例

var answer='It's alright';
var answer="He is called "Johnny"";

字符串(String)
字符串(String)使用長度屬性length來計算字符串的長度:
實例

var txt="Hello World!";
document.write(txt.length);

var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write(txt.length);

在字符串中查找字符串
字符串使用 indexOf() 來定位字符串中某一個指定的字符首次出現的位置:
實例

var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");

如果沒找到對應的字符函數返回-1
lastIndexOf() 方法在字符串末尾開始查找字符串出現的位置。
內容匹配
match()函數用來查找字符串中特定的字符,並且如果找到的話,則返回這個字符。
實例

var str="Hello world!";
document.write(str.match("world") + "<br>");
document.write(str.match("World") + "<br>");
document.write(str.match("world!"));

替換內容
replace() 方法在字符串中用某些字符替換另一些字符。
實例

str="Please visit Microsoft!"
var n=str.replace("Microsoft","w3cschool");

字符串大小寫轉換
字符串大小寫轉換使用函數 toUpperCase() / toLowerCase():
實例

var txt="Hello World!";    // String
var txt1=txt.toUpperCase();  // txt1 is txt converted to upper
var txt2=txt.toLowerCase();  // txt2 is txt converted to lower

字符串轉為數組
字符串使用strong>split()函數轉為數組:
實例

txt="a,b,c,d,e"  // String
txt.split(",");  // Split on commas
txt.split(" ");  // Split on spaces
txt.split("|");  // Split on pipe 

特殊字符
Javascript 中可以使用反斜線(\)插入特殊符號,如:撇號,引號等其他特殊符號。
查看如下 JavaScript 代碼:

var txt="We are the so-called "Vikings" from the north.";
document.write(txt);


在JavaScript中,字符串的開始和停止使用單引號或雙引號。這意味著,上面的字符串將被切成: We are the so-called
解決以上的問題可以使用反斜線來轉義引號:

var txt="We are the so-called \"Vikings\" from the north.";
document.write(txt);


JavaScript將輸出正確的文本字符串:We are the so-called "Vikings" from the north.
下表列出其他特殊字符,可以使用反斜線轉義特殊字符:
https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122411371987.jpg?2015921173758

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved