數組的常用方法

數組是一個存儲結構（可以進行增刪改查操作）

添加（add push append...）

棧方法（先進後出 後進先出）push入棧 pop出棧操作

push方法（添加到最後一個）

var arr = [1]
arr.push(10)
console.log(arr) //[1,10]

隊列方法（先進先出 後進後出）

unshift方法（添加到第一個）

var arr = [1]
arr.unshift(10)
console.log(arr) //[10,1]

刪除 (delete(硬刪) remove(軟刪)..)

棧方法

pop方法(刪除最後面)

var arr = [1,2,3]
arr.pop() //下標不寫的
console.log(arr) //[1,2]

隊列方法

shift方法（刪除第一個）

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

修改 （replace替換 update 更新）

反轉 reverse（將最後一個變到第一個 一個個對應的換位置）

//改變原本的數組
var arr = [1,2,3,4,8]
var arr1 = arr.reverse(); //返回一個數組 這個數組就是反轉後的數組
arr1.unshift(10) //返回的反轉後的數組其實就我們原本的數組
console.log(arr) //反轉後的結果 [8,4,3,2,1] 
console.log(Object.is(arr1,arr));//true

排序 sort

//sort方法排序 //預設情況下他是根據第一個字元的ACSII碼進行排序 (ACSII碼排序)
var arr2 = [15,20,11,4,5]
arr2.sort() //返回一個數組 這個數組是排序好的數組 他跟上面一樣 就是返回的這個數組其實就是原本的數組
console.log(arr2);
// sort 其實是一個高階函數 高階函數就是裡面用函數做為參數的函數
var arr3 = [15,20,11,4,5]
arr3.sort(function(a,b){
    //1 和 -1來進行大小區分和排序規則
    return  b-a //a-b是正序 b-a就倒序
})
console.log(arr3);

不影響原本數組的方法

concat （連接）

//不會影響原本數組的方法 返回新的數組
var arr = [1,2,3,4]
var arr1 = [1,2,3,4]
var arr2 = [1,2,3,4]
var arr3 = [1,2,3,4]
// concat 連接 把多個數組變成一個數組 返回 ...擴展運算符 打開數組取出裡面的值(...證明可以寫任意個) ? 表示可寫可不寫
var newArr = arr.concat(arr1,arr2,arr3)
console.log(newArr);

slice （截取）

// slice 切片 把一個數組裡面東西提出 返回的新的數組
var sliceArr = arr.slice()//全切
console.log(sliceArr);
var sliceArr1 = arr.slice(0)//從0開始切到最後 如果下標不存在返回一個空數組
console.log(sliceArr1);
var sliceArr2 = arr.slice(2,3)//包含結束的下標 包含開始的下標
console.log(sliceArr2);

splice 方法 （刪除）

//splice會影響之前的數組 刪除 截取 插入
var arr = [12,13,45]
//參數 開始位置 刪除的個數(可以寫可以不寫 數組的length) 返回一個新的數組
// var newArr =  arr.splice(0) //從開始刪
// console.log(newArr);
console.log(arr);
var newArr =  arr.splice(1,2) //從開始刪
console.log(newArr);
//獲取刪除的內容 其實就截取裡面的內容(不足是會改變之前的數組)

split(原數組不受影響)

該方法是用過指定的分隔符,將字元串分割成數組。
返回值:返回一個新的數組

let str = wqz-ttj；
let arr = str.split('-');
console.log(arr);// arr=['wqz','ttj'];

查找元素在數組中出現的位置

indexOf

該方法用來查找元素在數組中第一次出現的位置

結構： arr.indexOf(元素)

特殊用法：

(1) arr.indexOf (ele,fromIndex),從fromIndex這個下標開始,元素第一次出現的位置

用來判斷元素是否存在於數組中!

if (arr.indexOf(ele) === -1){//說明元素不存在!!
    console.log('元素不存在!)
} else {
    console.log(' 元素存在! ')
}

 lastIndexOf

1. forEach( )

該方法等同於for迴圈,沒有返回值

用法:

arr.forEach(function(item,index,arr){
//裡面的function是一個回調函數,
//item: 數組中的每一項;
//index:item 對應的下標索引值
//arr: 就是調用該方法的數組本身
})