JavaScript學習(八十八)—爆肝 陣列知識點總結,超詳細!!!
每天都要進步一點點 小王加油!!!

一、陣列的概念
- 所謂陣列就是指記憶體中開辟出來的用來存盤大量資料的連續的存盤空間
- 陣列可以把一組相關的資料一起存放,并提供方便的訪問(獲取)方式,
- 陣列是指一組資料的集合,其中的每個資料被稱作元素,在陣列中可以存放任意型別的元素,陣列是一種將一組資料存盤在單個變數名下的優雅方式,
二、陣列的分類
- 從下標的個數分:一維陣列、二維陣列、多維陣列
- 從下標的型別分類:索引型陣列(下標為陣列型)、關聯陣列(下標為字符型)
三、陣列的創建方式
方式1:利用構造法創建
格式:var 陣列的名稱=new Array(值1,值2....);
方式2:利用字面量形式創建 var 陣列名稱 =[值,值,值…];

四、陣列元素的操作:增 、刪、改、查
-
增:
陣列名稱[下標]=值;下標是陣列已有下標中沒有的值 -
刪:
delete 陣列名稱[下標];這種洗掉方式只是清空了該位置上的資料,但是該位置沒有被洗掉 -
改:
陣列名稱[下標]=值;下標是要更改的資料的下標 -
查:
陣列名稱[下標];如果下標不存在,則回傳undefined

五、陣列元素
- 陣列元素:所謂陣列元素就是指陣列中存盤的每個值,陣列中每個元素都有自己的編號,這個編號被稱為
下標/索引/角標
注意:陣列中的元素的下標是從0開始的,即第一個元素的下標是0,最后一個元素的下標是陣列的長度-1.


六、遍歷陣列
遍歷:把陣列中的每個元素從頭到尾都訪問一次(類似學生的點名),可以通過 for 回圈索引遍歷陣列中的每一項




七、陣列中新增的元素






八、遍歷陣列的四種方式
(一)、利用for 回圈


(二)、利用for in回圈遍歷陣列


(三)、利用for of 遍歷陣列


(四)、利用forEach方法遍歷陣列


九、為陣列賦值
如何為陣列賦值,即添加陣列元素,利用隨機函式為陣列賦值,格式如下:
var num=parseInt(Math.random() *(最大值+1-最小值)+最小值);

十、陣列的比較
- Js的資料型別有兩大類:基本資料型別,參考資料型別
- 基本資料型別:數值型(number)、字符型(String)、布爾型(BOOlean)、undefined、null
- 參考資料型別:陣列、函式、物件

參考型別的資料互不相等 見下圖




十一、陣列物件常用的屬性和方法(函式)
1、length 屬性
1)作用:獲取或者設定陣列的長度
2)獲取的格式:
陣列名稱.length
3)設定的格式:
陣列名稱.length=新長度;

2、push方法
1)作用:在陣列的尾部添加元素
2)格式:陣列名稱.push(值1,值2,值3…);
3)回傳值:陣列新的長度

3、pop方法
1)作用:洗掉陣列尾部的元素
2)格式:陣列名稱.pop();(無參)
3)回傳值:被洗掉的元素

4、unshift方法
1)作用:在陣列頭部添加元素
2)格式:陣列名稱.unshift(值1,值2,值3…);
3)回傳值:陣列新增的長度

5、shift方法
1)作用:洗掉陣列頭部元素
2)格式:陣列名稱.shift();
3)回傳值:被洗掉元素

6、concat方法
1)作用:實作陣列間的拼接
2)格式:陣列名稱1.concat(陣列名稱2,陣列名稱3,陣列名稱4,值1,值2…);
3)回傳值:拼接后的新的陣列,注意原有陣列不受影響


7、join方法
1)作用:將陣列轉換為字符
2)格式:陣列名稱join(‘分隔符’);
3)回傳值:轉換后的字串
4)分隔符可以省略,如果省略,默認用逗號作為分隔符,如果需要將陣列元素不用分隔符分開,那么可用在join的引數位置寫"";

8、slice方法
1)作用:從陣列中截取出新的陣列
2)格式:陣列名稱.slice(begin,end);
3)回傳值:截取出來的新的陣列
4)注意:
begin表示開始下標
end表示結束下標,在截取時end對應的值不被截取,即含頭不含尾,
end可以省略,表示從begin一直截取到最后
begin和end都可以省略,如果省略表示復制陣列

9、 splice方法
作用:對陣列進行增、刪、改的操作
-
增的格式:
陣列名.splice(下標,0,要插入的值); -
回傳的值是一個空陣列,另外一次可以插入多個值,值與值之間用逗號分隔開來

-
刪的格式:
陣列名.splice(下標,個數); -
回傳值為被洗掉的陣列元素所形成的新的陣列
-
注意
delete洗掉的元素的值,而splice洗掉的是值和空間


-
改的格式:
陣列名.splice(下標,個數,新的值); -
回傳值為被修改的元素所形成的新的陣列

十二、toString方法
- 作用:將陣列轉換為字串
- 格式:
陣列名稱.toString() - 回傳值:由陣列元素構成的字串,元素間用逗號分隔

十三、indexOf方法
- 作用:從左向右在陣列中查找指定的元素,如果有則回傳該元素下標,如果沒有,則回傳-1
- 格式:
陣列名稱.indexOf(要查找的值); - 注意:如果陣列中有多個要查找的值,那么找到第一個后停止查找

十四、lastIndexOf方法
- 作用:叢右向左在陣列中查找指定的元素,如果有回傳該元素的下標,如果沒有回傳-1
- 格式:
陣列名稱.lastIndexOf(要查找的值); - 注意:如果陣列中有多個要查找的值,那么找到第一個后停止查找

十五、reverse 方法
- 作用:顛倒陣列中元素的位置
- 格式:
陣列名稱.reverse(); - 回傳值:顛倒了順序的原有陣列

十六、 isArray方法
- 作用:判斷某個資料是否為陣列
- 格式:Array.isArray(要判斷的資料);
- 回傳值: true(是陣列)、false(不是陣列)

十七、 sort方法
-
作用:對陣列中的資料進行排序
-
升序:
陣列名稱.sort(function(a,b){return a-b }); -
降序:
陣列名稱.sort(function(a,b){return b-a});


友友們 記得三連哦,我會記住你們的!!!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/290112.html
標籤:其他
