es6 陣列拓展

2021-09-25 04:22:20 字數 2150 閱讀 4744

陣列:

屬性:constructor,length,prototype

方法:push,pop,shift,unshift(新增),splice,slice,reverse,sort,concat,filter,map,some,every

1、filter:過濾出符合條件的值,返回新陣列

var spread = [12, 5, 8, 130, 44]

// 篩選條件符合大於10的新陣列

var filtered = spread.filter(n => n >= 10)

console.log(『filtered』, filtered) // => [12, 130, 44]

var users = [,,

,,

]// 篩選 age等於40或者age等於24的 陣列物件

var filtered = users.filter(n => n.age===40 || n.age===24)

console.log('filter後的鍵名', filtered) // => [,]

2、map 一一對應 對陣列元素進行處理,返回處理後的新陣列

3、some:是否有元素符合條件,返回true或false

//陣列中的元素部分滿足指定條件返回true

//執行結果為false

var checknum = [15,3,2,6,7,1,9,10];

var checkresult = checknum.some(function(item,index,array));

alert(checkresult);

4、every:檢測每個元素是否都符合條件

//陣列中的元素全部滿足指定條件返回true

//執行結果為false

var checknum = [15,3,2,6,7,1,9,10];

var checkresult = checknum.every(function(item,index,array));

alert(checkresult);

es6:1、find

作用:find()函式用來查詢目標元素,找到就返回該元素,找不到返回undefined。

引數:查詢函式有三個引數。

value:每一次迭代查詢的陣列元素。

index:每一次迭代查詢的陣列元素索引。

arr:被查詢的陣列

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]

var ret1 = arr1.find((value, index, arr1) => )

var ret2 = arr1.find((value, index, arr1) => )

console.log('%s', ret1)//5

console.log('%s', ret2)//undefined

2、findindex()同上

作用:findindex()函式也是查詢目標元素,找到就返回元素的位置,找不到就返回-1。

同樣是接收三個引數,同上

3、of:方法用於將一組值,轉換為陣列。

4、from:方法用於將兩類物件轉為真正的陣列,針對偽陣列

5、fill:fill方法使用給定值,填充乙個陣列。

6、entries(),keys()和values() 遍歷陣列

for(let value of ['1','c','ks'].values())

for(let [index,value] of ['1','c','ks'].entries())

} 7、includes方法返回乙個布林值,表示某個陣列是否包含給定的值

8、copywithin: 在當前陣列內部,將指定位置的成員複製到其他位置(會覆蓋原有成員),然後返回當前陣列。也就是說,使用這個方法,會修改當前陣列。

9、擴充套件運算子(spread)是三個點(...)。它好比 rest 引數的逆運算,將乙個陣列轉為用逗號分隔的引數序列。

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

// 1 2 3

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

var obj =

var newobj =

console.log(newobj)

es6陣列的拓展

陣列的拓展 dom document object model 文件物件模型 let div document.getelementsbytagname div htmlcollection console.log div let div2 document.getelementsbyclassna...

ES6 陣列方法拓展

array.from方法用於將兩類物件轉為真正的陣列 類似陣列的物件 array like object 和可遍歷 iterable 的物件 包括es6新增的資料結構set和map 下面是乙個類似陣列的物件,array.from將它轉為真正的陣列。let arraylike es5的寫法 var a...

ES6正則拓展

字串的正則方法 字串物件共有 4 個方法,可以使用正規表示式 match replace search 和split es6 將這 4 個方法,在語言內部全部呼叫regexp的例項方法,從而做到所有與正則相關的方法,全都定義在regexp物件上 string.prototype.match呼叫reg...