Javascript基本數(shù)據(jù)類型總結(jié)

一.語(yǔ)法

1.基本語(yǔ)法

語(yǔ)句 var a=1;
語(yǔ)句塊 {...}
注釋 //,/.../

2.變量

<pre>var a=1;//a為一個(gè)變量,并將1賦值給a【挖了一個(gè)空間,名字叫a,把1這個(gè)值放進(jìn)去】</pre>

變量提升:

<pre>
<code>console.log(a);</code>
<code>var a = 1;</code>
</pre>此時(shí)打印的是 undefined,表示變量a已聲明,但還未賦值。
實(shí)際執(zhí)行的是
<pre>var a;
console.log(a);
a = 1;</pre>

3.數(shù)據(jù)類型
null

null表示一個(gè)“空”的值,它和0以及空字符串" "不同,0是一個(gè)數(shù)值," "表示長(zhǎng)度為0的字符串,而null表示“空”。

Undefined

null表示一個(gè)空的值,而undefined表示值未定義。undefined僅僅在判斷函數(shù)參數(shù)是否傳遞的情況下有用。

Boolean

true|false

Number
(1)有范圍
(2)整數(shù)和浮點(diǎn)數(shù)

浮點(diǎn)數(shù)最高精度是17位,但是在計(jì)算的時(shí)候精度不如整數(shù)。
<pre>1 - 0.9; // 0.09999999999999998
0.1 + 0.2; //0.30000000000000004</pre>
要比較兩個(gè)浮點(diǎn)數(shù)是否相等,只能計(jì)算它們之差的絕對(duì)值,看是否小于某個(gè)閾值:
<pre>Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true</pre>

(3)NaN

表示非數(shù)字,NaN這個(gè)特殊的Number與所有其他值都不相等,包括它自己。唯一能判斷NaN的方法是通過isNaN()函數(shù):
<pre>isNaN(NaN); // true</pre>

(4)非數(shù)值轉(zhuǎn)換為數(shù)值

Number()
parseInt()
parseFloat()
Number規(guī)則相當(dāng)復(fù)雜而且不合理,幾乎不使用,常用的是后兩個(gè),兩個(gè)規(guī)則類似

忽略字符串前面的空白字符,找到第一個(gè)非空白字符
如果第一個(gè)字符不是-或者數(shù)字返回NaN
如果是繼續(xù)解析,直到非數(shù)值模式為止
0開頭會(huì)當(dāng)做八進(jìn)制,0x開頭會(huì)當(dāng)做十六進(jìn)制,但是可以指定第二個(gè)參數(shù)指定基數(shù)

<pre>parseInt('blue'); //NaN
parseInt('-23ABS'); // -23
parseInt('0xf1'); // 241
parseInt('101', 2); // 5</pre>

String

雙引號(hào)或者單引號(hào)括起來(lái)
轉(zhuǎn)義字符\:'I'm "OK"!';
要獲取字符串某個(gè)指定位置的字符,使用類似Array的下標(biāo)操作,索引號(hào)從0開始:
<pre>var s = 'Hello, world!';
s[0]; // 'H'
s[6]; // ' '
s[7]; // 'w'
s[12]; // '!'
s[13]; // undefined </pre>
超出范圍的索引不會(huì)報(bào)錯(cuò),但一律返回undefined

需要特別注意的是,字符串是不可變的,如果對(duì)字符串的某個(gè)索引賦值,不會(huì)有任何錯(cuò)誤,但是,也沒有任何效果:
<pre>var s = 'Test';s[0] = 'X';alert(s); // s仍然為'Test'</pre>

常用方法:
(1)str.length;
(2)str.toUpperCase();
(3)str,toLowerCase();
(4)str.indexOf();

搜索指定字符串出現(xiàn)的位置
<pre>var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 沒有找到指定的子串,返回-1</pre>

(5)str.substring();

返回指定索引區(qū)間的子串
<pre>var s = 'hello, world'
s.substring(0, 5); // 從索引0開始到5(不包括5),返回'hello'
s.substring(7); // 從索引7開始到結(jié)束,返回'world'</pre>

(6)str.trim();

刪除兩端空白字符(IE9+)

(7)str.replace();

字符串替換
<pre>"abc".replace('b', 'B'); // "aBc"</pre>

(8)str.split();

分割字符串位數(shù)組
<pre>"a,bc,d,e".split(','); // [a, bc, d, e]</pre>

(9)str.substr(start, length)

獲取子字符串
<pre>"abcdef".substr(2,3); // "cde"</pre>

對(duì)象

JavaScript的對(duì)象是一組由鍵-值組成的無(wú)序集合,例如:
<pre>var person = {
name: 'Bob',
age: 20,
tags: ['js', 'web', 'mobile'],
city: 'Beijing',
hasCar: true,
zipcode: null
};</pre>
要獲取一個(gè)對(duì)象的屬性,我們用對(duì)象變量.屬性名的方式:
<pre>person.name; // 'Bob'</pre>

4.數(shù)組
常用方法:
(1)arr.length;
(2)arr.indexOf();

<pre>var arr = [10, 20, '30', 'xyz'];
arr.indexOf(10); // 元素10的索引為0
arr.indexOf(20); // 元素20的索引為1
arr.indexOf(30); // 元素30沒有找到,返回-1
arr.indexOf('30'); // 元素'30'的索引為2</pre>

(3)arr.slice();

截取Array的部分元素,然后返回一個(gè)新的Array
<pre>var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0, 3); // 從索引0開始,到索引3結(jié)束,但不包括索引3: ['A', 'B', 'C']
arr.slice(3); // 從索引3開始到結(jié)束: ['D', 'E', 'F', 'G']</pre>
如果不給slice()傳遞任何參數(shù),它就會(huì)從頭到尾截取所有元素。利用這一點(diǎn),我們可以很容易地復(fù)制一個(gè)Array:
<pre>var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
var aCopy = arr.slice();
aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
aCopy === arr; // false,因?yàn)閍Copy為一個(gè)新的數(shù)組對(duì)象,所以與原對(duì)象不同。</pre>

(4)arr.push();和arr.pop();

push()向Array的末尾添加若干元素,pop()則把Array的最后一個(gè)元素刪除掉

(5)arr.unshift();和arr.shift();

unshift()向Array的開頭添加若干元素,shift()則把Array的第一個(gè)元素刪除掉

(6)arr.sort();

sort()可以對(duì)當(dāng)前Array進(jìn)行排序,它會(huì)直接修改當(dāng)前Array的元素位置,直接調(diào)用時(shí),按照默認(rèn)順序排序
<pre>var arr = ['B', 'C', 'A'];arr.sort();
arr; // ['A', 'B', 'C']</pre>

(7)arr.reverse();

reverse()把整個(gè)Array的元素給掉個(gè)個(gè),也就是反轉(zhuǎn)

(8)arr.splice();

splice()方法是修改Array的“萬(wàn)能方法”,它可以從指定的索引開始刪除若干元素,然后再?gòu)脑撐恢锰砑尤舾稍?
<pre>var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 從索引2開始刪除3個(gè)元素,然后再添加兩個(gè)元素:
arr.splice(2, 3, 'Google', 'Facebook');
// 返回刪除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只刪除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不刪除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因?yàn)闆]有刪除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']</pre>

(9)arr.concat();

concat()方法把當(dāng)前的Array和另一個(gè)Array連接起來(lái),并返回一個(gè)新的Array
<pre>var arr = ['A', 'B', 'C'];
var added = arr.concat([1, 2, 3]);
added; // ['A', 'B', 'C', 1, 2, 3]
arr; // ['A', 'B', 'C']</pre>
concat()方法并沒有修改當(dāng)前Array,而是返回了一個(gè)新的Array。concat()方法可以接收任意個(gè)元素和Array,并且自動(dòng)把Array拆開,然后全部添加到新的Array里
<pre>var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]</pre>

(10)arr.join();

join()方法是一個(gè)非常實(shí)用的方法,它把當(dāng)前Array的每個(gè)元素都用指定的字符串連接起來(lái),然后返回連接后的字符串
<pre>var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'</pre>

(11)多維數(shù)組

<pre>var arr = [[1, 2, 3], [400, 500, 600], '-'];</pre>
取到500的值:<code>arr[1][1]</code>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容