JS 數組，對象常用方法 集合

數組

1.數組去重：   主要是使用的 new Set() 方法     https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set  

// 兩個方法  主要是使用到new Set() 
let repeatArr = [1,2,3,4,1,2,3,4];

let reasult = [...new Set(repeatArr)]   //方法一

let reasult2 = Array.from(new Set(repeatArr))   // 方法二
     
console.log(repeatArr,reasult,reasult2)

 

 

 

 

 

 2.替換數組指定位置元素 （splice）   ，當然 splice 可以進行的不僅僅是替換，這個方法可以  增加 、刪除、替換

// 使用splice 時 需要注意 它會改變原數組，並返回給你的是 你需要 刪除 替換 的元素，增加則是返回空數組
/*
   一共三個參數

   參數一：代表你要開始的位置 （index值） 必填

   參數二：代表你需要影響的元素個數   必填
　　   注釋：1、代表你開始位置（包含），之后往后數，需要影響的元素個數 （如果沒有第三個元素，則是刪除，否則是替換）
           2、如果為0 則是不影響任何原有元素（如果沒有第三個元素，則是不改變，否則是增加）

   數三：代表你是否需要新的元素 
     注釋：后面可接多個
*/ 
        let spliceArr = ['hello','world',1,2,3];
        let result = spliceArr.splice(2,1,'崽種')
        let result2 = spliceArr.splice(3,0,'嘻嘻','哈哈')
        let result3 = spliceArr.splice(3,0)
        console.log(spliceArr,result,result2,result3)

3.數組轉換為對象  這個主要是用到擴展運算符

// 將數組轉換為對象  主要是用到擴展運算符（...）
// 數組轉換出來的對象 key值為數組的index值   value值為數組的元素
     let changeArr = ['hello','!','world'];
     let changeToObj = {...changeArr};
     console.log(changeToObj);

4.合並數組    （concat 方法 || 擴展運算符方法）

// 合並數組    （concat 方法 || 擴展運算符方法）
        let concatArr = [0, 1, 2]
        let concatArr2 = [3, 4, 's']
        let concatArr3 = [5]

        let result = concatArr.concat(concatArr2, concatArr3) //concat 數組自帶的合並方法

        let result2 = [...concatArr, ...concatArr2, ...concatArr3] //擴展運算符方法合並數組

        console.log(result, result2)

5.求兩個數組的交集

// 求兩個數組的交集（即兩個數組的重復部分）
// 注意需要去重,  filter里面用來判斷部分 可寫 arr2.include() {includes 只返回 true 或 false}
        
　　　　　let arr = [0, 2, 4, 6, 8, 8]
        let arr2 = [1, 2, 3, 4, 5, 6, 8, 8, 2]

        let result = [...new Set(arr)].filter(item => arr2.indexOf(item) >= 0)

        let result2 = [...new Set(arr)].filter(item => arr2.includes(item))
        
        console.log(result,result2)

6.過濾數組中的虛值 　　使用數組的過濾方法

　　何謂虛值：false，0，' '，null，NaN，undefined  這些都是虛值 

// 過濾數組中的虛值 　　使用數組的過濾方法   何謂虛值：false，0，' '，null，NaN，undefined  這些都是虛值 
        let arr = [0,'',NaN,undefined,1,1,NaN]
        let result = arr.filter(Boolean)
        console.log(result);

 7.數組 排序 （sort）

// 數組排序 （sort 方法）
        let arr = [1, 2, 8598, 21, 8974, 12, 963, 125, 10]

        let result = arr.sort((a, b) => a - b) //升序

        let result = arr.sort((a, b) => b - a) //降序

        console.log(result)