join()方法：將陣列中所有元素通過指定分隔符連接成一個字串

舉例：

myArr.join('-') // 用'-'符號拼接

concat()方法：將兩個陣列或多個陣列合并成一個陣列

舉例：

myArr.concat(arr1, arr2, ..., arrN)

注意：該方法不會改變現有的陣列，所以可以和空陣列合并實作復制舊陣列，在操作新陣列資料時不污染舊陣列資料

sort() 方法：用于對陣列的元素進行排序

如果呼叫該方法時沒有使用引數，將按字母順序對陣列中的元素進行排序，說得更精確點，是按照字符編碼的順序進行排序，要實作這一點，首先應把陣列的元素都轉換成字串（如有必要），以便進行比較

舉例：

myArr.sort() // 按字母排序
myArr.sort(function(a, b) {
	return a - b
}) // 按數字升序，降序為b - a
// 箭頭函式寫法
myArr.sort((a, b) => a - b)

reverse() 方法：用于顛倒陣列中元素的順序

舉例：

myArr.reverse()

push() / unshift()方法：向陣列的末尾 / 開頭添加一個或多個元素，并回傳新的長度

舉例：

myArr.push(item1, item2, ..., itemN)
myArr.unshift(item1, item2, ..., itemN)

shift()方法：洗掉陣列的第一個元素，并回傳第一個元素的值

舉例：

myArr.shift()

pop()方法：洗掉陣列的一個元素（默認最后一個元素），并且回傳該元素的值

舉例：

myArr.pop() // 洗掉陣列最后一個元素
myArr.pop(1) // 洗掉陣列中索引為1的元素

splice()方法：向/從陣列中添加/洗掉專案，然后回傳被洗掉的專案

myArr.splice(index, count, item1, item2, ..., itemN)
// index 必需，整數，規定添加/洗掉專案的位置，使用負數可從陣列結尾處規定位置
// count 必需，要洗掉的專案數量，如果設定為 0，則不會洗掉專案
// item1, item2, ..., itemN 可選，向陣列添加的新專案

forEach()方法：方法用于呼叫陣列的每個元素，并將元素傳遞給回呼函式(相當于for回圈)

舉例：

myArr.forEach(function (item, index, arr) {
	if (index === 3) {
		item = 123
	} 
}) // 回圈陣列，將索引為3的元素值更改為123
// 箭頭函式寫法
myArr.forEach((v, i, arr) => if (i === 3) { v = 123 })

注意：以下方法均不會對空陣列進行檢測，不會改變原始陣列

indexOf()方法：查找陣列是否存在某個元素，回傳下標，沒有則回傳-1

舉例：

myArr.indexOf(item)

注意：indexOf() 方法對大小寫敏感！

slice()方法：可提取字串的某個部分，并以新的字串回傳被提取的部分（淺拷貝陣列的元素）

舉例：

const newArr = myArr.slice(0, 1)
// 截取陣列myArr索引從0到1的部分元素
// 引數:
// begin(可選): 索引數值,接受負值，從該索引處開始提取原陣列中的元素,默認值為0，
// end(可選):索引數值(不包括),接受負值，在該索引處前結束提取原陣列元素，默認值為陣列末尾(包括最后一個元素)

every()方法：用于檢測陣列中的元素是否滿足指定條件（函式提供）(如某個值是否都為true)

如果有一個元素不滿足，則整個運算式回傳 false，且停止檢測；如果所有元素都滿足條件，則回傳 true

舉例：

const state = myArr.every(function (item, index, arr) {
	return item > 10
}) // 檢測陣列myArr的所有元素是否都大于10，回傳一個布林值state
// 箭頭函式寫法
const state = myArr.every((v, i, arr) => v > 10)

some()方法：用于檢測陣列中的元素是否滿足指定條件（函式提供）(如某個值是否都為true)

如果有一個元素滿足，則整個運算式回傳 true ，且停止檢測；如果沒有滿足條件的元素，則回傳false

舉例：

const state = myArr.some(function (item, index, arr) {
	return item > 10
}) // 檢測陣列myArr中是否存在元素大于10，回傳一個布林值state
// 箭頭函式寫法
const state = myArr.some((v, i, arr) => v > 10)

includes()方法：用于判斷陣列是否包含指定的值，如果找到匹配的值則回傳 true，否則回傳 false

注意：includes() 方法區分大小寫
引數:
searchvalue：必需，要查找的值
start：可選，設定從那個位置開始查找，默認為 0

舉例：

const state = myArr.includes(3) // 檢測陣列myArr中是否存在元素3，回傳一個布林值state
const state = myArr.includes(3, 3) // 從索引3開始檢測陣列myArr中是否存在元素3，回傳一個布林值state

filter()方法：創建一個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素

舉例：

const newArr = myArr.filter(function (item, index, arr) {
	return item > 10
}) // 檢測陣列myArr中所有元素都大于10的元素，回傳一個新陣列newArr
// 箭頭函式寫法
const newArr = myArr.filter((v, i, arr) => v > 10)

map()方法：回傳一個新陣列，陣列中的元素為原始陣列元素呼叫函式處理后的值

map()方法按照原始陣列元素順序依次處理元素

舉例：

const newArr = myArr.map(function (item, index, arr) {
	return item * 10
}) // 陣列myArr中所有元素都乘于10，回傳一個新陣列newArr
// 箭頭函式寫法
const newArr = myArr.map((v, i, arr) => v * 10)

舉例（用于陣列嵌套物件的型別）：

const newArr = myArr.map(function (item, index, arr) {
	return {
		id: item.id,
		newItem: '123'
	}
}) // 處理陣列myArr中指定的物件元素里面的元素或新元素，回傳一個新陣列newArr
// 箭頭函式寫法
const newArr = myArr.map((v, i, arr) => {
	return {
		id: v.id,
		newItem: '123'
	}
})

find() / findIndex()方法：回傳通過測驗（函式內判斷）的陣列的第一個元素的 值 / 索引，如果沒有符合條件的元素回傳 undefined / -1

舉例：

const val = myArr.find(function (item, index, arr) {
	return item > 10
}) // 回傳陣列myArr中第一個大于10的元素的值val，沒有則回傳undefined

const val = myArr.findIndex(function (item, index, arr) {
	return item > 10
}) // 回傳陣列myArr中第一個大于10的元素索引，沒有則回傳-1

reduce()方法：回傳一個新陣列，陣列中的元素為原始陣列元素呼叫函式處理后的值

這個方法接收兩個引數：要執行的函式，傳遞給函式的初始值
要執行的函式(total, currentValue, currentValue, arr)：
total：必選，初始值, 或者計算結束后的回傳值
currentValue：必選，當前元素；
currentValue：可選，當前元素索引；
arr：可選，當前元素所屬的陣列物件

舉例1：

const myArr = [1, 2, 3]
const sum = myArr.reduce(function(pre, cur, index, arr) {
    console.log(pre, cur)
    return pre + cur
})
console.log(sum)
// 輸出值分別為
// 1, 2
// 3, 3
// 6

舉例2（設定初始迭代值）：

const myArr = [1, 2, 3]
const sum = myArr.reduce(function(pre, cur, index, arr) {
    console.log(pre, cur)
    return prev + cur
}, 2)
console.log(sum)
// 輸出值分別為
// 2, 1
// 3, 2
// 5, 3
// 8

應用：

1.求和、求乘積
const myArr = [1, 2, 3, 4]
const result1 = myArr.reduce(function(pre, cur) {
  return pre + cur
})
const result2 = myArr.reduce(function(pre, cur) {
  return pre * cur
})
console.log(result1) // 6
console.log(result2) // 24

2.計算陣列中每個元素出現的次數
const myArr = ['liang','qi','qi','liang','ge','liang'] 
const arrResult = myArr.reduce((pre,cur) =>{
    if(cur in pre){
        pre[cur]++
    }else{
        pre[cur] = 1
    }
    return pre
},{})
console.log(arrResult) // 結果：{liang: 3, qi: 2, ge: 1}

3.對物件的屬性求和
const myArr = [
    {
    	name: 'liangqi',
        weigth: 55
    },{
        name: 'mingming',
        weigth: 66
    },{
        name: 'lele',
        weigth: 77
    }
]
const result = myArr.reduce((a,b) =>{
    a = a + b.weigth
    return a
},0)
console.log(result) // 結果：198

Array.of()方法：用于將一組值轉化為新陣列

舉例：

Array.of() // []
Array.of(undefined) // [undefined]
Array.of(1) // [1]
Array.of(1, 2) // [1, 2]

flat()方法：陣列拍平方法也叫陣列扁平化、陣列拉平、陣列降維，用于將嵌套的陣列變成一維陣列，回傳一個新陣列

舉例：

const myArr = [1, [2, 3, [4, 5, [12, 3, "zs"], 7, [8, 9, [10, 11, [1, 2, [3, 4]]]]]]]
console.log(myArr.flat(Infinity)) // [1, 2, 3, 4, 5, 12, 3, "zs", 7, 8, 9, 10, 11, 1, 2, 3, 4]