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...