1. 程式人生 > >ES6中新增的陣列知識

ES6中新增的陣列知識

// 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, "南京"]