JS基礎知識(一)

一、比較運算符

1、 有兩種比較遠算符:

== :會自動轉換數據類型再進行比較,有時會出現很詭異的結果。

=== :它不會轉換數據類型,如果數據類型不一致,則會返回false,如果一致再比較。

由于javascript這個缺陷,不要使用“==”進行比較,要堅持使用“===”。

2、 NaN 屬性是代表非數字值的特殊值(Not a Number)。該屬性用于指示某個值不是數字。可以把 Number 對象設置為該值,來指示其不是數字值。NaN這個特殊的Number與其他任何值都不相等,包括它自己:

NaN === NaN;? //false

唯一能判斷NaN的方法是通過isNaN() 函數(isNaN() 函數通常用于檢測 parseFloat() 和 parseInt() 的結果,以判斷它們表示的是否是合法的數字。當然也可以用 isNaN() 函數來檢測算數錯誤,比如用 0 作除數的情況)

isNaN(NaN);? ? //true

這里需要注意當除數或者被除數是0的情況,被除數是0結果為NaN,除數是0結果為Infinity

2 / 0;? // Infinity

0 / 0;? // NaN

3、浮點數的比較

1/3 === (1 - 2/3);? //false

這個不是javascript的設計缺陷,而是因為浮點數在運算過程中會產生誤差,因為計算機無法精確表示無限循環小數。所以要比較兩個無限循環小數是否相等,只能計算它們之差的絕對值看是否小于某個閾值。

Math.abs(1/3 - (1 - 2/3)) < 0.0000001;? //true

4、形如javascript這種變量本身類型不固定的語言稱之為動態語言,與之對應的是靜態語言。靜態語言在定義變量的時候必須指定變量類型,如果賦值的時候類型不匹配就會報錯。例如java就是靜態語言。

5、strict模式

JavaScript在設計之初,為了方便初學者學習,并不強制要求用var申明變量。這個設計錯誤帶來了嚴重的后果:如果一個變量沒有通過var申明就被使用,那么該變量就自動被申明為全局變量:

i = 10;? ? ? ? // i現在是全局變量

在同一個頁面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了變量i,將造成變量i互相影響,產生難以調試的錯誤結果。

使用var申明的變量則不是全局變量,它的范圍被限制在該變量被申明的函數體內,同名變量在不同的函數體內互不沖突。

為了修補JavaScript這一嚴重設計缺陷,ECMA在后續規范中推出了strict模式,在strict模式下運行的JavaScript代碼,強制通過var申明變量,未使用var申明變量就使用的,將導致運行錯誤。

啟用strict模式的方法是在JavaScript代碼的第一行寫上:

'use strict';

這是一個字符串,不支持strict模式的瀏覽器會把它當做一個字符串語句執行,支持strict模式的瀏覽器將開啟strict模式運行JavaScript。

不用“var”申明的變量會被視為全局變量,為了避免這一缺陷,所有的javascript代碼都應該使用strict模式。

6、多行字符串

多行字符串用’\n’來分隔比較麻煩,所以最新的ES6標準新增了一種多行字符串的表示方法,用反引號 `……` 表示:

`這是

一個

多行

字符串`;

7、操作字符串

獲取字符串中某個字符,可以采用數組下標索引的方式

indexOf()會搜索指定字符串的位置:

var s = “hello, world”;

s.indexOf(“world”); //返回7

s.indexOf(“World”); //返回-1

substring()返回指定索引區間的子串;

var s = “hello, world”;

s.substring(0,5);? //從索引0開始到5(不包括5),返回“hello”

s.substring(7);? ? //從索引7開始到結束,返回“world”

8、數組

直接給array的length賦一個新值會導致array的大小變化:

var array = [1,2,3];

array.length;? //3

array.length = 6;? //array變為[1,2,3,undefined,undefined,undefined]? undefined不顯示

array.length = 2;? //array變為[1,2]

array可以通過索引把對應元素的值改為新值,對索引賦值可以直接修改這個array,但是如果賦值的索引超過了數組的范圍,將會導致array大小的變化(大多數語言不允許直接改變數組大小,越界訪問索引會報錯。在編寫代碼的時候,不建議直接修改數組大小,在訪問索引時,要確保索引不會越界):

var arr = [1,2,3];

var arr[1] = 4;? ? //arr變為[1,4,3]

var arr[5] = x;? ? //arr變為[1,4,3,undefined,undefined,’x’]

indexOf:

與String類似,Array也可以通過indexOf來獲得一個指定元素的位置:

var arr = [10,20,’30’,’abc’];

arr.indexOf(10);? ? //元素10的索引為0

arr.indexOf(30);? ? //元素30沒有找到,返回為-1

arr.indexOf(’30’);? //元素’30’的索引為2;

(4)slice:

類似String的subString(),截取Array的部分元素,返回一個新的Array(對于起止參數,包括開始索引但不包括結束索引):

var arr = [0,1,2,3,4,5,6,7];

arr.slice(0,3);? ? //從索引0開始到索引3結束,但是不包括索引3:[0,1,2]

arr.slice(3);? ? ? //從索引3開始到結束:[3,4,5,6,7]

var copy = arr.slice(); //從索引0開始到結束:[0,1,2,3,4,5,6,7],

//利用這一點,可以快速的復制數組

copy === arr;? ? ? //false

這里有一個指針的概念需要注意一下:

var arr2 = arr1;? ? //指針相同

var arr2 = arr1.slice();? ? //指針不同

可以自己運行一下以下這個小程序測試一下

var arr1 = [1,2,3,4,5,6,7];

var arr2 = arr1;

arr1[3] = 10;

alert(arr1 == arr2);

alert(arr2);

var arr3 = arr1.slice();

arr1[3] = 10;

alert(arr1 == arr3);

alert(arr3);

(5)push和pop:

push()向數組的末尾添加若干元素,返回值為數組的長度,pop()則把數組的最后一個元素刪掉,返回值為刪除的元素:

var arr = [1,2];

arr.push(‘A’,’B’);? //返回數組的長度為4,數組為[1,2,’A’,’B’]

arr.pop();? ? ? //返回’B’,數組為[1,2,’A’]

…? ? ? ? ? //連續pop

arr.pop();? ? ? //返回1,數組為[]

arr.pop()? ? ? //空數組繼續pop不會報錯,而是返回undefined,數組依然為[]

(6)unshift和shift:

unshift()向數組的頭部添加元素,返回數組的長度,同push;shift()刪除數組的第一個元素,返回值為刪除的元素,同pop

(7)sort:

對當前Array進行排序,他會直接修改當前Array的元素位置,直接調用時按照默認順序進行排序(也可以按照指定順序進行排序)

var arr = [5,9,3,1];

arr.sort(); //arr為[1,3,5,9]

(8)reverse:反轉數組元素

var arr = [‘A’,’B’,’C’];

arr.reverse();? ? ? //數組為[‘C’,’B’,’A’]

(9)splice:

修改Array的萬能方法,可以從指定索引開始刪除若干元素,然后再從該位置添加若干元素

var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];

// 從索引2開始刪除3個元素,然后再添加兩個元素:

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'); // 返回[],因為沒有刪除任何元素

arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

(10)concat:

把當前數組與另一個數組拼接起來,返回一個新的數組

注意:concat并沒有修改當前數組,而是返回了一個新的數組,實際上concat()方法可以接收任意個元素和數組,并自動把數組拆開,然后全部添加到新的數組里面。

var arr = ['A', 'B', 'C'];

arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]

(11)join():

這是一個很實用的方法,它把當前Array的每個元素都用指定的字符串連接起來,然后返回連接后的字符串

var arr = ['A', 'B', 'C', 1, 2, 3];

arr.join('-'); // 'A-B-C-1-2-3'

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,936評論 6 535
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,744評論 3 421
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,879評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,181評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,935評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,325評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,384評論 3 443
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,534評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,084評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,892評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,067評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,623評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,322評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,735評論 0 27
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,990評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,800評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,084評論 2 375

推薦閱讀更多精彩內容

  • 基礎入門 1、基本語法(注意:js嚴格區分大小寫) 定義變量(字符串盡量使用單引號) 賦值 判斷語句 循環語句 注...
    httIsHere閱讀 299評論 0 0
  • 前言:最近在前端這塊,發現自己生疏了,連最基本的js都忘的差不多了。于是趁著周末,參考了廖雪峰老師的JS教程以及自...
    SkyLine7閱讀 630評論 0 2
  • JS基礎講解 JavaScript組成ECMAScript:解釋器、翻譯DOM:Document Object M...
    FConfidence閱讀 579評論 0 1
  • 基礎復習筆記 JS效果三要素: 時間 事件 運動軌跡(分步驟來實現先死后活法逐步來) (1)獲取元素 : getE...
    2e9a10d418ab閱讀 409評論 0 3
  • 注:本文所有知識點總結或摘抄自廖雪峰javascript教程,點擊查看更詳細的講解。 1.javascript簡介...
    hanyuntao閱讀 532評論 0 13