ES6中新增的陣列知識記錄

2022-06-11 03:15:09 字數 1547 閱讀 8094

json陣列格式轉換

let  json =
這就是乙個json陣列格式,跟普通的json對比是在最後多了乙個length屬性。只要是這種特殊的json格式都可以輕鬆使用es6的語法轉變成陣列。在es6中絕大部分的array操作都存在於array物件裡。

let arr=array.from(json);

console.log(arr)

結果:

array.of()方法:

它負責把一堆文字或者變數轉換成陣列。

let arr =array.of(1,2,3,4,5,6);

console.log(arr);

執行結果: 

find( )/findindex()例項方法:

所謂的例項方法就是並不是以array物件開始的,而是必須有乙個已經存在的陣列,這裡的find方法是從陣列中查詢,如果找到符合條件的陣列元素就進行return,並停止查詢。在find方法中我們需要傳入乙個匿名函式,函式需要傳入三個引數:

let arr=[1,2,3,4,5,6,7,8,9];

console.log(arr.find(

function

(value,index,arr)))

執行結果:

如果找不到會顯示undefined;同時這裡還有個對應的findindex()方法,該方法用法跟上面的一樣,不同的是它返回的是值的座標,如果沒有找到就返回-1

fill( )例項方法:

fill()也是乙個例項方法,它的作用是把陣列進行填充,它接收三個引數,第乙個引數是填充的變數,第二個是開始填充的位置,第三個是填充到的位置。

let arr=[0,1,2,3,4,5,6,7,8,9];

arr.fill('michael',2,5);

console.log(arr);

執行結果:

entries( )例項方法:

entries()例項方式生成的是iterator形式的陣列,那這種形式的好處就是可以讓我們在需要時用next()手動跳轉到下乙個值。

let arr=['hello','i am','michael']

let list=arr.entries();

console.log(list.next().value);

console.log(list.next().value);

console.log(list.next().value);

ES6 陣列新增

window.onload function 作用 把類陣列 獲取一組陣列元素,arguments.物件轉成陣列 具備length這個東西,就靠譜 let arr 1,2,4 let arr2 array.from arr let json let arr array.from json 作用 把一...

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 陣列新增的方法

這個檔案中所說的三個方法 都是建構函式的方法 array.方法名 不是陣列物件的方法,注意呼叫格式 陣列名.方法名 array.from 將類陣列轉化為陣列 類陣列 有下標,有length,但是無法使用陣列的方法 引數1 需要轉化的類陣列 引數2 處理的方式 可選的 引數3 函式執行時this的指向...