ES6中的偽陣列轉換

2021-09-28 19:30:44 字數 1417 閱讀 6929

在我們的程式設計中,偽陣列還是比較常見的;他們雖然也是一種陣列但是用不了真陣列的內建方法,但是在es6中有一種array.from()他可以將偽陣列轉換成真的陣列;

例如arguments;

function

fun())

console.

log(sum);}

fun(1,

2,3,

4,5,

6,7,

8,9)

;

通過array.from()轉換成了真陣列,可以使用陣列的內建方法;

find用來從陣列中查詢指定的元素值,使用方式類似foreach(),可以在內部使用return true,用來結束方法,同時結束時的ele會被方法返回;

例如我們要在乙個陣列裡面查詢『3』;

let arr =[1

,2,3

,4,5

,6,7

,8,9

];let result = arr.

find

(function

(ele, i)})

; console.

log(result)

;

如果查詢到了這個值則返回該值,查詢就會停止,如果未找到這個值,就會返回乙個undefined;

他是會查詢你想要的某乙個值,如果查到了遍歷就會停止,返回該值的索引,如果沒查到就會返回-1;

let arr =[1

,2,3

,4,5

,6,7

,8,9

];let result = arr.

findindex

(function

(ele, i)})

; console.

log(result)

;

他的用法跟find()一樣;只不過乙個返回的是具體的值,乙個返回的是索引值;

includes()是判斷乙個陣列裡面是否包含我想要的值,如果有就返回true,如果沒有就返回false;

它裡面有兩個引數,如果引數是乙個,就代表整個陣列裡面有沒有包含,如果引數為了,第乙個引數是從第幾位索引,第二個是想要檢測的數值;

let arr =[1

,4,3

,9];

console.

log(arr.

includes(4

));// true

console.

log(arr.

includes(4

,2))

;// false, 從2的位置開始查,所以沒有找到4

console.

log(arr.

includes(5

));// false

es6陣列中的遍歷

我經常會運算元組,而且避免不了對每乙個欄位的操作,這樣就會用到遍歷,遍歷有好多種,今天我歸納一下經常會用到的幾個 1 foreach是乙個我們經常用的乙個 var name 張三 李四 王五 name.foreach function v,k 注意 jquery中each方法是反的,比如 name ...

es6中陣列的擴充套件

一 擴充套件運算子 的應用 1.轉成引數序列 2.複製陣列 const a1 1 2 const a2 a1.concat es5 const a3 a1 es6 const a4 a1 3.合併陣列 arr1,arr2,arr3 淺拷貝 4.解構賦值const first,rest 1,2,3,4...

es6陣列中的遍歷

我經常會運算元組,而且避免不了對每乙個欄位的操作,這樣就會用到遍歷,遍歷有好多種,今天我歸納一下經常會用到的幾個 1 foreach是乙個我們經常用的乙個 var name 張三 李四 王五 name.foreach function v,k 注意 jquery中each方法是反的,比如 name ...