js陣列基礎知識

2021-10-13 20:17:18 字數 3591 閱讀 8276

乙個識別符號可以儲存多個資料,並且資料的型別可以不同。

1、字面量

let account1 =

["f72"

,"123"

,2000

,false

];

中括號裡每個資料之間的分隔符為逗號,每個資料成為元素,每個元素都有自己在陣列中的唯一索引(下標),我們可以通過索引(下標)來獲取資料。下標起始值為0

訪問乙個不存在的下標輸出值為undefined

2、建構函式

let arr =

newarray()

;

3、區別

字面量建立的陣列解析速度更快

原因:字面量屬於json格式,js引擎可以直接解析;建構函式需要先呼叫建構函式,再進行js引擎的解析

let arr =

["f72"

,"123"

,2000

,false];

for(

let i=

0;i<

4;i++

)

for of 遍歷陣列中的每個值

for in 遍歷陣列中的每個下標

ex//for of 遍歷陣列中的每個值

for(

let items of arr)

//for in 遍歷陣列中的每個下標

for(

let index in arr)

獲取陣列的長度(資料個數):資料名.length

1、查詢

indexof();從第乙個值開始向後查詢,返回第乙個與查詢內容相等資料的下標,如沒找到返回-1;

lastindexof();從最後乙個值往前查詢,返回第乙個與查詢內容相等資料的下標,如沒找到返回-1;

二維陣列

let data =[[

'123'

,'123'

,500],

['456'

,'456'

,1000]]

;console.

log(data[0]

[2])

;

返回陣列中查詢的資料是否存在

.includes()返回true和false

棧、堆【常量const的擴充套件】

如果賦值給常量的是基本資料型別,則常量儲存該基本資料型別變數具體的

如果賦值給常量的是引用資料型別,則常量儲存該引用資料型別變數的位址

注:引用資料型別儲存的值發生變化時,常量也會發生變化。

let i=[1

,2];

let j=i;i=[

3,4]

;console.

log(i)

;//[3,4]

console.

log(j)

;//[1,2]

let i=[1

,2];

let j=i;i[0

]=3;

i[1]=

4;console.

log(i)

;//[3,4]

console.

log(j)

;//[3,4]

const a =[1

,2];

a[0]=

2;console.

log(a)

;//[2,2]

const b=1;

b=2;console.

log(b)

;//報錯

2、新增

陣列名.push()在陣列最後新增資料,可以新增多個值,用逗號分隔,返回值是(常用)

陣列名.unshift()在陣列的開始新增資料,可以新增多個值,用逗號分隔

3、刪除

陣列名.pop()刪除陣列最後乙個資料,在括號裡新增內容無效,仍然刪除最後乙個資料

陣列名.shift()刪除陣列第乙個資料,在括號裡新增內容無效,仍然刪除第乙個資料

delete 陣列名[下標];刪除後會留下位置(不常用)

4、擷取資料

5、轉換

字串轉陣列:字串名.split('分隔符')

let str =

'123abc'

;let arr=str.

split(''

);console.

log(arr)

;//[ '1', '2', '3', 'a', 'b', 'c' ]

陣列轉字串:陣列名.join('分隔符')

let arr=

[2020,1

,2];

let str=arr.

join

('-');

console.

log(str)

;//2020-1-2

6、拼接

陣列1.concat(陣列2)不改變原陣列

let arr1=[1

,2,3

];let arr2=

['a'

,'b'

,'c'];

let arr3=arr2.

concat

(arr1)

;//不改變原陣列

console.

log(arr3)

;//[ 'a', 'b', 'c', 1, 2, 3 ]

let arr1=[1

,2,3

];let arr2=

['a'

,'b'

,'c'];

arr2.

push

(...arr1)

;//改變原陣列

console.

log(arr2)

;//[ 'a', 'b', 'c', 1, 2, 3 ]

陣列去重
let arr =[1

,2,2

,2,3

,3,4

,3,5

,5,3

];for(

let i =

0; i < arr.length; i++)}

console.

log(arr)

;

快速清空陣列
let arr =

["a"

,"b"

,"c"

,true

,false];

arr.

splice(0

);arr =

;arr.length =

0;

[補充]運算子

JS基礎 陣列的基礎知識

一 陣列的宣告方法 1.var 陣列名 元素1,元素2,陣列名 就是變數名 簡單宣告方法用的多 2.var 陣列名 new array 元素1,元素2,元素3,3.兩種宣告方式的區別 var arr 10 表示陣列長度為1,陣列元素為10 var arr new array 10 表示的是陣列長度為...

js基礎知識 陣列

學而不思則罔,思而不學則殆。系統地總結一下陣列和常用的方法 二 陣列的基礎方法 4.陣列中新增元素的方法 5.陣列的合併 arr.concat 6.陣列的擷取 arr.slice start,end 7.tolocalestring 有冷門知識哈 三 陣列的高階方法 2.顛倒陣列元素的順序 arr....

JS基礎知識

本週抽空學習了一些js新手需要知道的知識 1 js中用 來賦值,例如var a 1.2 迴圈結構和c 基本相同。3 簡單 基本 資料型別 number string boolean undefined null。4 複雜 引用 資料型別 object array date function。還有一些...