使对象具有ES6中Iterator接口的实现方法
生活随笔
收集整理的這篇文章主要介紹了
使对象具有ES6中Iterator接口的实现方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
es6中只有具有iterator接口的數組或者類數組(arguments)都可以使用for of來循環,但是對于對象來說不行,可以利用
迭代器中的原理來給對象生成一個迭代器,實現讓對象可以使用for of
1 var j={ 2 name:'小紅', 3 age:18 4 } 5 //給j對象添加一個iterator接口 6 j[Symbol.iterator]=function(){ 7 //使用object.keys()方法把j對象中的k值讀取出來存在數組當中 8 var arr=Object.keys(j); 9 var i=0; 10 return { 11 //ES6中next()迭代方法,自動迭代 12 next(){ 13 if(i<arr.length){ 14 //如果done為false,繼續迭代 15 return { 16 //返回迭代的最后結果,如果是一個對象,那么for of的時候需要用解構 17 value:{ 18 k:arr[i], 19 val:j[arr[i++]] 20 }, 21 done:false 22 } 23 }else{ 24 //如果done為true,繼續迭代 25 return{ 26 value:null, 27 done:true 28 } 29 } 30 } 31 } 32 } 33 //解構獲取返回得到的對象,輸出k值,val值 34 for(var {k,val} of j){ 35 console.log(k,val); 36 }
迭代器中的原理來給對象生成一個迭代器,實現讓對象可以使用for of
1 var j={ 2 name:'小紅', 3 age:18 4 } 5 //給j對象添加一個iterator接口 6 j[Symbol.iterator]=function(){ 7 //使用object.keys()方法把j對象中的k值讀取出來存在數組當中 8 var arr=Object.keys(j); 9 var i=0; 10 return { 11 //ES6中next()迭代方法,自動迭代 12 next(){ 13 if(i<arr.length){ 14 //如果done為false,繼續迭代 15 return { 16 //返回迭代的最后結果,如果是一個對象,那么for of的時候需要用解構 17 value:{ 18 k:arr[i], 19 val:j[arr[i++]] 20 }, 21 done:false 22 } 23 }else{ 24 //如果done為true,繼續迭代 25 return{ 26 value:null, 27 done:true 28 } 29 } 30 } 31 } 32 } 33 //解構獲取返回得到的對象,輸出k值,val值 34 for(var {k,val} of j){ 35 console.log(k,val); 36 }
?
轉載于:https://www.cnblogs.com/AngliaXu/p/7337064.html
總結
以上是生活随笔為你收集整理的使对象具有ES6中Iterator接口的实现方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 进度条控件基本使用
- 下一篇: mysql decode encode