js數(shù)組的 entries() 獲取迭代方法
1、entires() 方法語(yǔ)法詳解
entries() 方法返回一個(gè)數(shù)組的迭代對(duì)象，該對(duì)象包含數(shù)組的鍵值對(duì) (key/value) 。
迭代對(duì)象中數(shù)組的索引值作為 key， 數(shù)組元素作為 value。它的原型（__proto__:Array Iterator）上有一個(gè)next方法，可用用于遍歷迭代器取得原數(shù)組的[key,value] 。這里需要知道相關(guān)迭代器的知識(shí)。
2、entires() 方法常見(jiàn)使用及注意
2.1 返回迭代器對(duì)象
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ù)組的迭代對(duì)象，然后通過(guò)定義一個(gè)初始化標(biāo)識(shí)為 true,通過(guò)遞歸調(diào)用迭代對(duì)象 entires 的 next 方法賦值給 res 對(duì)象，判斷res對(duì)象的d one 屬性，若該值為 true 表示可以遞歸，res.value 對(duì)應(yīng)的是二維數(shù)組的每一行，對(duì)該項(xiàng)進(jìn)行排序即可，若值為 flase 表示結(jié)束遞歸。
總結(jié)：
到此這篇關(guān)于js數(shù)組的 entries() 獲取迭代方法的文章就介紹到這了,更多相關(guān)js數(shù)組 entries() 獲取迭代內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
因?yàn)槌绦虻恼{(diào)試非常重要,程序猿可以利用好的調(diào)試方法去查找定位自己的問(wèn)題所在之處,從而,達(dá)到糾正自己程序錯(cuò)誤的地方,健壯自己的程序,讓問(wèn)題變得越來(lái)越少,程序變得越來(lái)越健康,所以本文給大家介紹了Vue程序調(diào)試和排錯(cuò)技巧,需要的朋友可以參考下2024-12-12
el-table實(shí)現(xiàn)搜索高亮展示并滾動(dòng)到元素位置的操作代碼
這篇文章主要介紹了el-table實(shí)現(xiàn)搜索高亮展示并滾動(dòng)到元素位置,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了vue中@click綁定事件點(diǎn)擊不生效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue-Router路由守衛(wèi)詳?shù)募?xì)用法教程
在Vue.js應(yīng)用中,Vue-Router是一個(gè)非常重要的插件,它允許我們實(shí)現(xiàn)頁(yè)面間的導(dǎo)航,然而,僅僅實(shí)現(xiàn)導(dǎo)航是不夠的,我們還需要在導(dǎo)航的不同階段進(jìn)行各種操作,本文將結(jié)合實(shí)際案例,詳細(xì)介紹Vue-Router路由守衛(wèi)的用法,需要的朋友可以參考下2024-12-12
Vue+ElementUI table實(shí)現(xiàn)表格分頁(yè)
這篇文章主要為大家詳細(xì)介紹了Vue+ElementUI table實(shí)現(xiàn)表格分頁(yè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
組合式API為Vue3帶來(lái)了更好的邏輯組織和復(fù)用性,支持TypeScript,提供靈活的響應(yīng)式系統(tǒng),它允許開(kāi)發(fā)者將相關(guān)邏輯組合在一起,通過(guò)composable函數(shù)實(shí)現(xiàn)邏輯復(fù)用,擺脫了mixin的缺點(diǎn),同時(shí),組合式API與TypeScript的集成更緊密,能夠提供更準(zhǔn)確的類型推斷2024-10-10
這篇文章主要介紹了vue 圖片轉(zhuǎn)base64本地路徑跨域方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-02-02
這篇文章主要介紹了關(guān)于路由重定向redirect的基本使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue 組件數(shù)據(jù)加載解析順序的詳細(xì)代碼
Vue.js的解析順序可以概括為:模板編譯、組件創(chuàng)建、數(shù)據(jù)渲染、事件處理和生命周期鉤子函數(shù)執(zhí)行,接下來(lái)通過(guò)本文給大家介紹vue 組件數(shù)據(jù)加載解析順序的完整代碼,感興趣的朋友跟隨小編一起看看吧2024-03-03
這篇文章主要介紹了Vue3配置代理后頁(yè)面500/404問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04