es6中只有具有iterator接口的數(shù)組或者類數(shù)組（arguments）都可以使用for of來(lái)循環(huán)，但是對(duì)于對(duì)象來(lái)說(shuō)不行，可以利用
迭代器中的原理來(lái)給對(duì)象生成一個(gè)迭代器，實(shí)現(xiàn)讓對(duì)象可以使用for of

1 var j={ 2 name:'小紅', 3 age:18 4 } 5 //給j對(duì)象添加一個(gè)iterator接口 6 j[Symbol.iterator]=function(){ 7 //使用object.keys()方法把j對(duì)象中的k值讀取出來(lái)存在數(shù)組當(dāng)中 8 var arr=Object.keys(j); 9 var i=0; 10 return { 11 //ES6中next（）迭代方法，自動(dòng)迭代 12 next(){ 13 if(i<arr.length){ 14 //如果done為false，繼續(xù)迭代 15 return { 16 //返回迭代的最后結(jié)果，如果是一個(gè)對(duì)象，那么for of的時(shí)候需要用解構(gòu) 17 value:{ 18 k:arr[i], 19 val:j[arr[i++]] 20 }, 21 done:false 22 } 23 }else{ 24 //如果done為true，繼續(xù)迭代 25 return{ 26 value:null, 27 done:true 28 } 29 } 30 } 31 } 32 } 33 //解構(gòu)獲取返回得到的對(duì)象，輸出k值，val值 34 for(var {k,val} of j){ 35 console.log(k,val); 36 }

?

轉(zhuǎn)載于:https://www.cnblogs.com/AngliaXu/p/7337064.html

總結(jié)

以上是生活随笔為你收集整理的使对象具有ES6中Iterator接口的实现方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。