陣列的常用方法-有解無憂

陣列是一個存盤結構（可以進行增刪改查操作）

添加（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: 就是呼叫該方法的陣列本身
})

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/500613.html

標籤：JavaScript

上一篇：05js陣列

下一篇：陣列的常用方法

陣列的常用方法