js數(shù)組的 entries() 獲取迭代方法

更新時間：2021年10月29日 11:32:10 作者：Serendipity

這篇文章主要介紹了js數(shù)組的 entries() 獲取迭代方法，entries() 方法返回一個數(shù)組的迭代對象，該對象包含數(shù)組的鍵值對 (key/value)。下面來詳細介紹該neural,需要的朋友可以參考一下

1、entires() 方法語法詳解

entries() 方法返回一個數(shù)組的迭代對象，該對象包含數(shù)組的鍵值對 (key/value) 。

迭代對象中數(shù)組的索引值作為 key，數(shù)組元素作為 value。它的原型（__proto__:Array Iterator）上有一個next方法，可用用于遍歷迭代器取得原數(shù)組的[key,value] 。這里需要知道相關迭代器的知識。

2、entires() 方法常見使用及注意

2.1 返回迭代器對象

    var arr = ["red", "blue", "green"]
    var x = arr.entries()
    console.log(x); // Array Iterator {}
    console.log(x.next()) //{value: Array:[0, "red"],done:false}
    console.log(x.next()) //{value: Array:[1, "blue"],done:false}
    console.log(x.next()) //{value: Array:[2, "green"],done:false}
    console.log(x.next()) //{value: undefined, done: true}

2.2 for...of...的使用

    const options = [1, , , , 5];
    for (const [index, value] of options.entries()) {
      console.log(value);
    }
    // 0 1
    // 1 undefined
    // 2 undefined
    // 3 undefined
    // 4 5

2.3 二維數(shù)組行排序

    function sortTwo(arr) {
      var entries = arr.entries()
      var flag = true
      while (flag) {
        var res = entries.next()
        if (!res.done) {
          res.value[1].sort((a, b) => a - b);
          flag = true
        } else {
          flag = false
        }
      }
      return arr
    }
    var arr = [[1, 3, 2], [44, 33], [11, 55, 44, 33]]
    sortTwo(arr)
    console.log(arr);// [[1, 2, 3], [33, 44], [11, 33, 44, 55]]

上面的代碼中 sortTwo 方法中首先獲取傳入數(shù)組的迭代對象，然后通過定義一個初始化標識為 true,通過遞歸調用迭代對象 entires 的 next 方法賦值給 res 對象，判斷res對象的d one 屬性，若該值為 true 表示可以遞歸，res.value 對應的是二維數(shù)組的每一行，對該項進行排序即可，若值為 flase 表示結束遞歸。

總結：

到此這篇關于js數(shù)組的 entries() 獲取迭代方法的文章就介紹到這了,更多相關js數(shù)組 entries() 獲取迭代內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Vue程序調試和排錯技巧分享
因為程序的調試非常重要,程序猿可以利用好的調試方法去查找定位自己的問題所在之處,從而,達到糾正自己程序錯誤的地方,健壯自己的程序,讓問題變得越來越少,程序變得越來越健康,所以本文給大家介紹了Vue程序調試和排錯技巧,需要的朋友可以參考下
2024-12-12
el-table實現(xiàn)搜索高亮展示并滾動到元素位置的操作代碼
這篇文章主要介紹了el-table實現(xiàn)搜索高亮展示并滾動到元素位置,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
2024-01-01
vue中@click綁定事件點擊不生效的解決
這篇文章主要介紹了vue中@click綁定事件點擊不生效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
在Vue.js應用中,Vue-Router是一個非常重要的插件,它允許我們實現(xiàn)頁面間的導航,然而,僅僅實現(xiàn)導航是不夠的,我們還需要在導航的不同階段進行各種操作,本文將結合實際案例,詳細介紹Vue-Router路由守衛(wèi)的用法,需要的朋友可以參考下
2024-12-12

Vue+ElementUI table實現(xiàn)表格分頁

這篇文章主要為大家詳細介紹了Vue+ElementUI table實現(xiàn)表格分頁，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

2019-12-12

深入理解Vue3組合式API的實現(xiàn)

組合式API為Vue3帶來了更好的邏輯組織和復用性,支持TypeScript,提供靈活的響應式系統(tǒng),它允許開發(fā)者將相關邏輯組合在一起,通過composable函數(shù)實現(xiàn)邏輯復用,擺脫了mixin的缺點,同時,組合式API與TypeScript的集成更緊密,能夠提供更準確的類型推斷

2024-10-10