前言

數(shù)組是一種特殊對(duì)象。js中并沒有真正的數(shù)組，只是用對(duì)象模擬數(shù)組。

查看對(duì)象屬性的方法在數(shù)組身上也同樣適用。值得注意的是:數(shù)組的下標(biāo)類型為字符串，并不是數(shù)字。

典型數(shù)組和js數(shù)組區(qū)別

類似c/c++的典型數(shù)組特征如下:

• 元素的數(shù)據(jù)類型相同
• 使用連續(xù)的內(nèi)存存儲(chǔ)
• 通過數(shù)字下標(biāo)獲取元素

 js的數(shù)組

• 元素的數(shù)據(jù)類型可以不同
• 內(nèi)存不一定是連續(xù)的(對(duì)象是隨機(jī)存儲(chǔ)的)
• 不能通過數(shù)字下標(biāo)訪問，而是通過字符串下標(biāo)進(jìn)行訪問。(這意味著數(shù)組可以有任何key)

上圖說明的是最后一點(diǎn):數(shù)組可以有任何key，想證明數(shù)組的下標(biāo)為字符串，用 Object.keys(arr)

創(chuàng)建數(shù)組

創(chuàng)建數(shù)組有兩種方式，分別是:

 let arr=[1,2,3]
 let arr=new Array(1,2,3)

字符串轉(zhuǎn)化為數(shù)組 split() Array.from()

可以用這兩種方法將字符串轉(zhuǎn)化為字符串?dāng)?shù)組。

偽數(shù)組

沒有數(shù)組共有屬性的數(shù)組就是偽數(shù)組(偽數(shù)組的原型鏈中并沒有數(shù)組的原型)

偽數(shù)組中并沒有push,pop等方法(通過 console.dir(divList) 可看出)，我們可以通過 Array.from() 來(lái)轉(zhuǎn)化

轉(zhuǎn)化之后就可以成功的push啦

合并兩個(gè)數(shù)組

• concat()

此方法不會(huì)改變?cè)瓟?shù)組

 let arr1=[1,2,3]
 let arr2=[4,5,6]
 arr1.concat(arr2)//[1,2,3,4,5,6]
 arr1//[1,2,3]
 arr2//[4,5,6]

截取數(shù)組

• slice()

此方法不會(huì)改變?cè)瓟?shù)組

let arr=[1,2,3,4,5,6]
arr.slice(3) //[4,5,6]
arr//[1,2,3,4,5,6]

刪數(shù)組元素

刪頭部元素: arr.shift() arr會(huì)被修改，并返回被刪元素

 let arr=[1,2,3,4,5,6]
 arr.shift()//1
 arr//[2, 3, 4, 5, 6]

刪尾部元素: arr.pop() arr會(huì)被修改，并返回被刪元素

 let arr=[1,2,3,4,5,6]
 arr.shift()//6
 arr//[1, 2, 3, 4, 5]

刪中間:

arr.splice(index,1) //刪除index的第一個(gè)元素,返回被刪元素 arr.splice(index,1,'x') //在刪除位置添加'x' ,返回被刪元素 arr.splice(index,1,'x','y') //在刪除位置添加'x'和'y',返回被刪元素

 let arr=[1,2,3,4,5,6,7,8,9]
 //刪除元素4
 arr.splice(3,1)//4
 arr//[1, 2, 3, 5, 6, 7, 8, 9]
 
 let arr=[1, 2, 3, 5, 6, 7, 8, 9]
 //刪除下標(biāo)3并添加3.5和4
 arr.splice(2,1,3.5,4)//3
 arr//[1, 2, 3.5, 4, 6, 7, 8, 9]

查看數(shù)組元素

查看屬性

• Object.keys(arr)
• Object.values(arr)

let arr=[1,2,3,4,5]
arr.x='xxx'
Object.keys(arr)//["0", "1", "2", "3", "4", "x"]
Object.values(arr)// [1, 2, 3, 4, 5, "xxx"]

for in 循環(huán)

查看只含數(shù)字的元素

for循環(huán)

forEach循環(huán)

查看某個(gè)元素是否在數(shù)組里

arr.indexOf(item) 存在則返回?cái)?shù)組索引，否則返回-1

let arr=[1,2,3,4,5,6]
arr.indexOf(2)//1
arr.indexOf(7)//0

使用條件查找元素

//查找第一個(gè)為偶數(shù)的元素
let arr=[1,2,3,4,5,6]
arr.find(item=>item%2===0)//2

//查找第一個(gè)為偶數(shù)的下標(biāo)
let arr=[1,2,3,4,5,6]
arr.findIndex(item=>item%2===0)//1

增加數(shù)組中的元素

在尾部添加: arr.push(item1,item2)

 let arr=[3,4,5,6]
 arr.push(7,8,9)
 arr//[3,4,5,6,7,8,9]

頭部添加: arr.unshift(item1,item2)

 let arr=[3,4,5,6]
 arr.unshift(1,2,3)
 arr//[1, 2, 3, 3, 4, 5, 6]

在中間添加: arr.splice(index,0,'x')

 let arr=[1,2,3,4,5,6,7]
 //在下標(biāo)為2的位置添加3.33,3.44
 arr.splice(2,0,3.33,3.44)//[1, 2, 3.33, 3.44, 3, 4, 5, 6, 7]

總結(jié)

到此這篇關(guān)于js數(shù)組的基本使用總結(jié)的文章就介紹到這了,更多相關(guān)js數(shù)組使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論