1. 程式人生 > >es6 陣列例項的 entries() , keys() 和 values() ES6 提供三個新的方法 —— entries(),keys()和values() —— 用於遍歷陣列。它們都返回一個遍歷器物件,可以用for...of迴圈進行遍歷,唯一的區別是keys()是對鍵名的遍歷、values(

es6 陣列例項的 entries() , keys() 和 values() ES6 提供三個新的方法 —— entries(),keys()和values() —— 用於遍歷陣列。它們都返回一個遍歷器物件,可以用for...of迴圈進行遍歷,唯一的區別是keys()是對鍵名的遍歷、values(

ES6 提供三個新的方法 —— entries(),keys()和values() —— 用於遍歷陣列。它們都返回一個遍歷器物件,可以用for...of迴圈進行遍歷,唯一的區別是keys()是對鍵名的遍歷、values()是對鍵值的遍歷,entries()是對鍵值對的遍歷

[javascript]  view plain  copy
  1. for (let index of [
    'a''b'].keys()) {  
  2. console.log(index);  
  3. }  
  4. // 0  
  5. // 1  
  6. for (let elem of ['a''b'].values()) {  
  7. console.log(elem);  
  8. }  
  9. // 'a'
      
  10. // 'b'  
  11. for (let [index, elem] of ['a''b'].entries()) {  
  12. console.log(index, elem);  
  13. }  
  14. // 0 "a"  
  15. // 1 "b"  

如果不使用for...of迴圈,可以手動呼叫遍歷器物件的next方法,進行遍歷。

[javascript]  view plain  copy
  1. let letter = ['a''b''c'];  
  2. let entries = letter.entries();  
  3. console.log(entries.next().value); // [0, 'a']  
  4. console.log(entries.next().value); // [1, 'b']  
  5. console.log(entries.next().value); // [2, 'c']