ES6 陣列高頻使用方法

2021-10-22 07:12:10 字數 1570 閱讀 7925

1.array.isarray() 判斷是否是陣列，返回值是布林值

let arr = [1,2,3]


let res = array.isarray(arr) // true
2.includes() 方法用來判斷乙個陣列是否包含乙個指定的值，返回值是布林值

[1, 2, 3].includes(2); // true


[1, 2, 3].includes(4); // false


[1, 2, nan].includes(nan); // true
3.map()  map返回乙個新的陣列

let arr = [1, 2, 3];


let newarr = arr.map((item, index, arr) => )


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


console.log(newarr) // [2, 4, 6]
4.filter()  filter可以過濾陣列，包含滿足條件的陣列項，返回乙個新陣列

let arr = [1, 2, 3];


let newarr = arr.filter((item, index, arr) => )


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


console.log(newarr) // [1, 2]
5.some()  some返回布林值，如果有乙個滿足條件的值則返回true

let arr = [1, 2, 3];


let result = arr.some((item, index, arr) => )


console.log(result) // true
6.every()   every返回布林值，如果所有陣列項都滿足條件則返回true （坑：陣列為空時返回值為true）

let arr = [1, 2, 3];


let result = arr.every((item, index, arr) => )


console.log(result) // false
7.reduce()   reduce可用來求和，也可用來實現和map一樣的功能

let arr = [1, 2, 3]


// reduce 四個引數 分別為累計值、當前元素、當前索引、原陣列


const sum = arr.reduce((acc, current) => acc + current, 0)


console.log(sum)


// 使用 reduce 來實現 map 同樣的功能


arr = [1, 2, 3]


const maparray = arr.map(value => value * 2)


const reducearray = arr.reduce((acc, current) => , )


console.log(maparray, reducearray) // [2, 4, 6]

es6箭頭函式使用方法

箭頭函式 也是一種定義函式的方式 1.定義函式的方式 function const aaa function 2.物件字面量中定義函式 const obj 3.es6中的箭頭函式 const ccc 引數列表 const ccc 1.引數問題 1.1.放入兩個引數 const sum num1,nu...

ES6陣列新增方法

1 字串轉陣列 個人感覺有些類似於arr.split let str hello console.log array.from str array 5 h e l l o 2 將類陣列物件轉換為真正陣列 let arrlist let arr array.from arrlist console.l...

es6 陣列擴充套件方法

1.擴充套件運算子 含義 擴充套件運算子，三個點 將乙個陣列轉為用逗號分隔的引數順序。例如 console.log 1,2,3 console.log 1,2,3 結果 1,2,3 1,2,3 用法 作為函式引數 function f x,y,z let args 0,1,2 f args 用法 求...