前端 ES6總結

2022-06-15 12:18:08 字數 3821 閱讀 7563

1) arr.push()  在陣列末尾新增元素,返回陣列長度

let arr = [1,2,3]

let length = arr.push(4)

console.log(length) //4

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

2)arr.unshift() 在陣列首位新增元素,返回陣列長度

let arr = [1,2,3]

let length = arr.unshift(4)

console.log(length) //4

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

3)arr.pop() 刪除陣列末尾元素,並返回刪除的元素

let arr = [1,2,3]

let item = arr.pop()

console.log(item) //3

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

4)arr.shift() 刪除陣列首位元素,並返回刪除的元素

let arr = [1,2,3]

let item = arr.shift()

console.log(item) //1

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

5)arr.splice(index,length) 刪除陣列指定位置的元素,返回刪除元素的陣列

let arr = [1,2,3]

let item = arr.splice(1,1)

console.log(item) //[2]

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

6)arr.concat(arr2)  拼接兩個陣列,返回新陣列

let arr = [1,2,3,4,5]

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

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

7)arr.sort() 陣列排序

let arr = [1,3,2,6]

arr.sort();

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

arr.sort((a,b)=>b-a);

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

8)arr.reverse() 將陣列反轉

let arr = [1,3,2,6]

arr.reverse();

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

9)arr.slice(startindex,endindex)  擷取start至end索引的元素返回新陣列,不包含end索引的值,

let arr = [1,3,2,6]

let arr1 = arr.slice(1,3);

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

console.log(arr1); //[3,2]

10)arr.foreach() 陣列遍歷,不修改陣列的值

let arr = [1,3,2,6]

arr.foreach((value,index,arr)=>)

11)arr.map() 陣列遍歷,計算後return返回新陣列

let arr = [1,3,2,6]

let arr1 = arr.map((value,index,arr)=>)

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

console.log(arr1);//[2,6,4,12]

12)arr.filter() 陣列過濾,返回滿足要求的新陣列

let arr = [1,3,2,6]

let arr1 = arr.filter((value,index,arr)=>)

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

console.log(arr1);//[1,2]

13)arr.every() 陣列過濾,返回boolean 陣列每一項都滿足返回true

let arr = [1,3,2,6]

let flag = arr.every((value,index,arr)=>)

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

console.log(flag);//false

14) arr.some() 陣列過濾,返回boolean  陣列中是否有乙個滿足 就返回true

let arr = [1,3,2,6]

let flag = arr.some((value,index,arr)=>)

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

console.log(flag);//true

15) arr.reduce()  陣列計算

let arr = [1,3,2,6]

let sum = arr.reduce((prevalue,curvalue)=>)

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

console.log(sum);//12

16) arr.reduceright() 陣列計算從右邊開始

let arr = [1,3,2,6]

let sum = arr.reduceright((prevalue,curvalue)=>)

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

console.log(sum);//12

17) arr.indexof() 查詢元素索引值,若有重複的返回第乙個,沒有返回-1

let arr = [1,3,2,1,6]

let index = arr.indexof(3)

console.log(index);//1

18) arr.lastindexof() 查詢元素索引值,從後面開始找

let arr = [1,3,2,1,6]

let index = arr.lastindexof(1)

console.log(index);//3

19)arr.find() 查詢第乙個符合條件的陣列成員

let arr = [1,3,2,4,6]

let item = arr.find((value,index,arr)=>value>3)

console.log(item);//4

20)arr.findindex() 查詢第乙個符合條件的陣列成員的index

let arr = [1,3,2,4,6]

let item = arr.findindex((value,index,arr)=>)

console.log(item);//1

21) arr.includes() 陣列中是否包含指定值,返回boolean

let arr = [1,3,2,4,6]

let flag = arr.includes(2)

console.log(flag);//true

1)陣列刪除指定元素

arr.splice(arr.findindex(value=>value===』』),1);

2) 陣列中是否含有指定元素

arr.includes(1)

arr.find()

arr.findindex()

前端ES6簡單總結

首先是es6當中新增了 let有以下2個特點 1.作用域嚴格 2.不允許重名和重複賦值 console.log a console.log b 這樣的話執行時會報a沒賦值的錯誤 let a 123 var b 456 var b 789 這樣執行之後b是789,a是123 let a 123 let...

前端知識整理 ES6

es6 1 模組化 export default export function fn1 export function fn2 import util from util1.js import from util2.js 2 使用babel npm install babel core babel...

前端學習筆記 ES6

1 塊級作用域 任何一對花括號 中的語句集都屬於乙個塊,在塊中宣告的變數在 塊外都是不可訪問的,稱之為塊級作用域,es5以前沒有塊級作用域 2 let 關鍵字 let用於宣告變數 類似於var 其宣告的變數只在當前 塊內有效,實際上是建立了塊級作用域 1 建立塊級作用域 if true consol...