數(shù)據(jù)類型分類

• number / string / boolean / undefined / null / object / function / array / ...
• 數(shù)組也是數(shù)據(jù)類型中的一種
• 我們簡單的把所有數(shù)據(jù)類型分為兩個大類 基本數(shù)據(jù)類型 和 復(fù)雜數(shù)據(jù)類型
• 基本數(shù)據(jù)類型： number / string / boolean / undefined / null
• 復(fù)雜數(shù)據(jù)類型： object / function / array / ...

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

• 數(shù)組就是一個 []
• 在 [] 里面存儲著各種各樣的數(shù)據(jù)，按照順序依次排好

字面量創(chuàng)建一個數(shù)組

• 直接使用 [] 的方式創(chuàng)建一個數(shù)組

// 創(chuàng)建一個空數(shù)組
var arr1 = []

// 創(chuàng)建一個有內(nèi)容的數(shù)組
var arr2 = [1, 2, 3]

內(nèi)置構(gòu)造函數(shù)創(chuàng)建數(shù)組

• 使用 js 的內(nèi)置構(gòu)造函數(shù) Array 創(chuàng)建一個數(shù)組

// 創(chuàng)建一個空數(shù)組
var arr1 = new Array()

// 創(chuàng)建一個長度為 10 的數(shù)組
var arr2 = new Array(10)

// 創(chuàng)建一個有內(nèi)容的數(shù)組
var arr3 = new Array(1, 2, 3)

數(shù)組的 length

• length: 長度的意思
• length 就是表示數(shù)組的長度，數(shù)組里面有多少個成員，length 就是多少

// 創(chuàng)建一個數(shù)組
var arr = [1, 2, 3]

console.log(arr.length) // 3

數(shù)組的索引

• 索引，也叫做下標(biāo)，是指一個數(shù)據(jù)在數(shù)組里面排在第幾個的位置
• 注意： 在所有的語言里面，索引都是從 0 開始的
• 在 js 里面也一樣，數(shù)組的索引從 0 開始

// 創(chuàng)建一個數(shù)組
var arr = ['hello', 'world']

• 上面這個數(shù)組中，第 0 個 數(shù)據(jù)就是字符串 hello，第 1 個 數(shù)據(jù)就是字符串 world
• 想獲取數(shù)組中的第幾個就使用 數(shù)組[索引] 來獲取

var arr = ['hello', 'world']

console.log(arr[0]) // hello
console.log(arr[1]) // world

數(shù)組的常用方法

• 數(shù)組是一個復(fù)雜數(shù)據(jù)類型，我們在操作它的時候就不能再想基本數(shù)據(jù)類型一樣操作了
• 比如我們想改變一個數(shù)組

// 創(chuàng)建一個數(shù)組
var arr = [1, 2, 3]

// 我們想把數(shù)組變成只有 1 和 2
arr = [1, 2]

• 這樣肯定是不合理，因?yàn)檫@樣不是在改變之前的數(shù)組
• 相當(dāng)于心弄了一個數(shù)組給到 arr 這個變量了
• 相當(dāng)于把 arr 里面存儲的地址給換了，也就是把存儲空間換掉了，而不是在之前的空間里面修改
• 所以我們就需要借助一些方法，在不改變存儲空間的情況下，把存儲空間里面的數(shù)據(jù)改變了

數(shù)組常用方法之 push

• push 是用來在數(shù)組的末尾追加一個元素

var arr = [1, 2, 3]

// 使用 push 方法追加一個元素在末尾
arr.push(4)

console.log(arr) // [1, 2, 3, 4]

數(shù)組常用方法之 pop

• pop 是用來刪除數(shù)組末尾的一個元素

var arr = [1, 2, 3]

// 使用 pop 方法刪除末尾的一個元素
arr.pop()

console.log(arr) // [1, 2]

數(shù)組常用方法之 unshift

• unshift 是在數(shù)組的最前面添加一個元素

var arr = [1, 2, 3]

// 使用 unshift 方法想數(shù)組的最前面添加一個元素
arr.unshift(4)

console.log(arr) // [4, 1, 2, 3]

數(shù)組常用方法之 shift

• shift 是刪除數(shù)組最前面的一個元素

var arr = [1, 2, 3]

// 使用 shift 方法刪除數(shù)組最前面的一個元素
arr.shift()

console.log(arr) // [2, 3]

數(shù)組常用方法之 splice

• splice 是截取數(shù)組中的某些內(nèi)容，按照數(shù)組的索引來截取
• 語法： splice(從哪一個索引位置開始，截取多少個，替換的新元素) （第三個參數(shù)可以不寫）

var arr = [1, 2, 3, 4, 5]

// 使用 splice 方法截取數(shù)組
arr.splice(1, 2)

console.log(arr) // [1, 4, 5]

• arr.splice(1, 2) 表示從索引 1 開始截取 2 個內(nèi)容
• 第三個參數(shù)沒有寫，就是沒有新內(nèi)容替換掉截取位置

var arr = [1, 2, 3, 4, 5]

// 使用 splice 方法截取數(shù)組
arr.splice(1, 2, '我是新內(nèi)容')

console.log(arr) // [1, '我是新內(nèi)容', 4, 5]

• arr.splice(1, 2, '我是新內(nèi)容') 表示從索引 1 開始截取 2 個內(nèi)容
• 然后用第三個參數(shù)把截取完空出來的位置填充

數(shù)組常用方法之 reverse

• reverse 是用來反轉(zhuǎn)數(shù)組使用的

var arr = [1, 2, 3]

// 使用 reverse 方法來反轉(zhuǎn)數(shù)組
arr.reverse()

console.log(arr) // [3, 2, 1]

數(shù)組常用方法之 sort

• sort 是用來給數(shù)組排序的

var arr = [2, 3, 1]

// 使用 sort 方法給數(shù)組排序
arr.sort()

console.log(arr) // [1, 2, 3]

• 這個只是一個基本的簡單用法
• 復(fù)雜用法：

var arr = [2,1,15,14,65,22]
arr.sort(function(a,b){
 ? ?return a - b 
})

數(shù)組常用方法之 concat

• concat 是把多個數(shù)組進(jìn)行拼接
• 和之前的方法有一些不一樣的地方，就是 concat 不會改變原始數(shù)組，而是返回一個新的數(shù)組

var arr = [1, 2, 3]

// 使用 concat 方法拼接數(shù)組
var newArr = arr.concat([4, 5, 6])

console.log(arr) // [1, 2, 3]
console.log(newArr) // [1, 2, 3, 4, 5, 6]

• 注意： concat 方法不會改變原始數(shù)組

數(shù)組常用方法之 join

• join 是把數(shù)組里面的每一項(xiàng)內(nèi)容鏈接起來，變成一個字符串
• 可以自己定義每一項(xiàng)之間鏈接的內(nèi)容 join(要以什么內(nèi)容鏈接)
• 不會改變原始數(shù)組，而是把鏈接好的字符串返回

var arr = [1, 2, 3]

// 使用 join 鏈接數(shù)組
var str = arr.join('-')

console.log(arr) // [1, 2, 3]
console.log(str) // 1-2-3

• 注意： join 方法不會改變原始數(shù)組，而是返回鏈接好的字符串
•