從數(shù)據(jù)說(shuō)起
數(shù)據(jù)是程序運(yùn)行過(guò)程中操作的值官套。比如店鋪的名稱(chēng)酒奶、超市里商品的價(jià)格和數(shù)量蚁孔、十字路口的紅綠燈等都可以理解為數(shù)據(jù)。
'慶豐包子鋪`
9.99
true
false
這些數(shù)據(jù)具有不同的特點(diǎn)惋嚎,比如字符串可以拼接杠氢,數(shù)值可以做運(yùn)算,布爾值可以做判斷等另伍。為了提升程序運(yùn)行的性能鼻百,針對(duì)不同特點(diǎn)的數(shù)據(jù),我們提出數(shù)據(jù)類(lèi)型的概念摆尝。我們把數(shù)據(jù)分為以下兩種類(lèi)型:
簡(jiǎn)單數(shù)據(jù):字符串温艇、數(shù)值、布爾结榄、undefined中贝、null囤捻、symbol
復(fù)雜數(shù)據(jù): 數(shù)組臼朗、對(duì)象、函數(shù)等
數(shù)組是什么
- 數(shù)組也是一種數(shù)據(jù)類(lèi)型
- 數(shù)組是一種由簡(jiǎn)單數(shù)據(jù)類(lèi)型組成復(fù)雜數(shù)據(jù)類(lèi)型蝎土。
- 數(shù)組是由方括號(hào)包裹的多個(gè)值视哑。其中每個(gè)值稱(chēng)為數(shù)組元素
示例:數(shù)值數(shù)組
var arr = [1,2,3,4,5]
示例:字符串?dāng)?shù)組
var str = ['a','b','c','d','e']
創(chuàng)建數(shù)組的方法?
- 直接量
- 構(gòu)造函數(shù)法
數(shù)組的特點(diǎn)
- 1誊涯、數(shù)組是有序排列的挡毅,且無(wú)類(lèi)型
- 2、數(shù)組的元素暴构,既可以是基本數(shù)據(jù)類(lèi)型跪呈,也可以是引用數(shù)據(jù)類(lèi)型創(chuàng)建數(shù)組對(duì)象會(huì)在內(nèi)存中開(kāi)辟一整塊連續(xù)的空間
- 3、數(shù)組可以存儲(chǔ)不同類(lèi)型的數(shù)據(jù)取逾,存儲(chǔ)空間不夠用時(shí)耗绿,它會(huì)自動(dòng)擴(kuò)容
- 4、數(shù)組屬于引用類(lèi)型的變量砾隅,數(shù)組中的默認(rèn)存儲(chǔ)值是undefined误阻。可以訪問(wèn)數(shù)組中不存在的索引晴埂,會(huì)返回undefined
如何訪問(wèn)數(shù)組
- 使用[ ]訪問(wèn)數(shù)組元素
如何遍歷數(shù)組
- for循環(huán)
- forEach() 方法:使用回調(diào)函數(shù)
- map() 方法:使用回調(diào)函數(shù)
- for..in 循環(huán):遍歷對(duì)象和數(shù)組
- for…of 循環(huán):遍歷對(duì)象和數(shù)組
array.length
定義
length
設(shè)置或返回?cái)?shù)組中元素的數(shù)量究反。
語(yǔ)法
array.length
返回值
返回?cái)?shù)組中元素的數(shù)量。
示例
var arr = [1,2,3,4,5,6,7,8,9]
console.log(arr.length) //返回值為9
Array.isArray()
定義
Array,isArray()
方法用于檢測(cè)是否是數(shù)組
語(yǔ)法
Array.isArray(value)
- value:要檢測(cè)的值
返回值
true: 如何是數(shù)組儒洛,返回true
false: 如果不是數(shù)組精耐,返回false
示例(原則:用最簡(jiǎn)單的例子呈現(xiàn)知識(shí)點(diǎn)原理)
var str = 'hello wolrd'
var arr = [1,2,3,]
console.log(Array.isArray(str)) // false
console.log(Array.isArray(arr) // true
array.push
定義
array.push
向數(shù)組的末尾添加一個(gè)或多個(gè)元素,并返回新的長(zhǎng)度琅锻。
語(yǔ)法
array.push(item1, item2, ..., itemX)
//item: 添加元素
返回值
返回新的數(shù)組長(zhǎng)度
示例
var arr = [1,2,3]
arr.push(4)
arr.push(4,5,6)
console.log(arr) // 返回長(zhǎng)度為7卦停,返回[1,2,3,4,,4,5,6]
array.unshift()
定義
unshift
方法將新元素添加到數(shù)組的開(kāi)頭唐含,并返回新的長(zhǎng)度。
語(yǔ)法
array.unshift(item1, item2, ..., itemX)
- item1
返回值
返回新元素添加到數(shù)組開(kāi)頭之后的新長(zhǎng)度
示例
var arr = [1,2,3,4,5]
arr.unshift(8,9)
console.log(arr) // 向舊數(shù)組前面添加新元素沫浆,所以返回的值為[8,9,1,2,3,4,5]
array.pop()
定義
array.pop()
該方法用于刪除數(shù)組最后一個(gè)元素捷枯,并將被刪除的元素作為返回值返回
語(yǔ)法
array.pop()
返回值
返回被刪除的元素
示例
var arr = [1,2,3]
arr.pop()
console.log(arr) //返回值為1,2
shift
定義
shift
該用法用于刪除數(shù)組的第一個(gè)元素,并返回該元素专执。
語(yǔ)法
array.shift()
返回值
返回?cái)?shù)組原來(lái)的第一個(gè)元素的值(移除的元素)淮捆,可以是任何類(lèi)型(因?yàn)閿?shù)組元素可以是一個(gè)字符串,數(shù)字本股,數(shù)組攀痊,布爾,或者其他對(duì)象類(lèi)型)
示例
var arr = [1,2,3,4,5,6,7,8];
arr.shift();
console.log(arr) //返回值為2,3,4,5,6,7,8
array.reverse()
定義
reverse()
方法反轉(zhuǎn)數(shù)組中元素的順序
語(yǔ)法
array.reverse()
返回值
- 無(wú)參數(shù)
示例
var arr = [1,2,3]
arr.reverse()
console.log(arr) // 將[1,2,3]反轉(zhuǎn)為[3,2,1]