ES6中新增的陣列知識
阿新 • • 發佈:2018-12-12
// Array.from 將json快熟轉換成陣列的方式 let json={ '0':'zhanzhi', '1':'18', '2':'65kg', length:3 } console.log(Array.from(json)) // Array.of // 它負責把一堆文字或者變數轉換成陣列。在開發中我們經常拿到了一個類似陣列的字串,需要使用eval來進行轉換,如果你一個老手程式設計師都知道eval的效率是很低的,它會拖慢我們的程式。這時候我們就可以使用Array.of方法。我們看下邊的程式碼把一堆數字轉換成陣列並列印在控制檯上: let arr =Array.of(3,4,5,6); console.log(Array.of(7,8,9,10)) let arr1 =Array.of('技術胖','jspang','大胖逼逼叨'); console.log(arr1); // find() 例項方法 這裡的find方法是從陣列中查詢 裡面跟著的是回撥方法 有3個引數value,index,arr value:表示當前查詢的值。 index:表示當前查詢的陣列索引。 arr:表示當前陣列。 let arr2=['北京','上海','南京'] console.log( arr2.find((value,index,arr) =>{ return value=='北京' })) //fill()也是一個例項方法,它的作用是把陣列進行填充,它接收三個引數,第一個引數是填充的變數,第二個是開始填充的位置,第三個是填充到的位置 let arr3=['北京','上海','南京',5,6,8,7,69] console.log(arr3.fill('合肥',1,2)) // ['北京','合肥','南京',5,6,8,7,69] // for of 這種形式比ES5的for迴圈要簡單而且高效。 let arr4=['北京','上海','南京'] for(let item of arr4){ console.log(item) // 北京 上海 南京 } // for…of陣列索引:有時候開發中是需要陣列的索引的 for(let index of arr4.keys()){ console.log(index) // 0 1 2 } //同時輸出陣列的內容和索引:我們用entries()這個例項方法, for(let [index,val] of arr4.entries()){ console.log(index+ ' ' + val) } //entries()例項方式生成的是Iterator形式的陣列,那這種形式的好處就是可以讓我們在需要時用 next()手動跳轉到下一個值。 let list=arr4.entries() console.log(list.next().value) // [0, "北京"] console.log(list.next().value) // [1, "上海"] console.log(list.next().value) // [2, "南京"]