這篇文章主要介紹了ES6中Iterator接口怎么用，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)長(zhǎng)期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為長(zhǎng)寧企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作，長(zhǎng)寧網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

es6中，操作某些數(shù)據(jù)結(jié)構(gòu)（array object map set）時(shí)，怎么用一個(gè)統(tǒng)一的方法操作，Iterator接口實(shí)現(xiàn)了這樣的功能

1.Iterator在數(shù)組中的應(yīng)用

{
    let arr = ['hello', 'world'];
    // 數(shù)組內(nèi)部實(shí)現(xiàn)了iterator接口，所以直接調(diào)用[Symbol.iterator]()
    let map = arr[Symbol.iterator]();
    console.log(map.next()); // {value: "hello", done: false}
    console.log(map.next()); // {value: "world", done: false}
    console.log(map.next()); // {value: undefined, done: true}
    // value 表示數(shù)組元素，done表示循環(huán)是否有下一步狀態(tài)，true:沒(méi)有下一步了，false:循環(huán)沒(méi)有結(jié)束
}

2.自定義Iterator接口

{
    // object沒(méi)有內(nèi)置iterator接口，自定義iterator接口，讓obj也可以使用for...of
    let obj = {
        start: [1,2,3],
        end: [4,5,6],
        // 聲明iterator接口方法
        [Symbol.iterator]() {
            // 先遍歷start，再遍歷end
            let arr = this.start.concat(this.end);
            let index = 0;
            // 返回next()
            return {
                next() {
                    if (index < arr.length) {
                        return {
                            value: arr[index++],
                            done: false
                        }
                    } else {
                        return {
                            value: arr[index++],
                            done: true
                        }
                    }
                }
            }
        }
    };
    // for...of 實(shí)現(xiàn)的原理就是不斷調(diào)用Iterator接口
    // 通過(guò) for...of 驗(yàn)證接口是否配置成功，如果沒(méi)有配置成功，object就無(wú)法使用 for...of循環(huán)
    for (let key of obj) {
        console.log(key); // 1 2 3 4 5 6
    }
}

3.for...of循環(huán)

{
    // 數(shù)組內(nèi)部實(shí)現(xiàn)了iterator接口，所以可以直接使用for...of循環(huán)
    let arr = ['hello', 'world'];
    for (let value of arr) {
        console.log(value); // hello world
    }
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享ES6中Iterator接口怎么用內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

當(dāng)前題目：ES6中Iterator接口怎么用
文章來(lái)源：http://jinyejixie.com/article30/pgioso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、服務(wù)器托管、微信小程序、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)