JS数组中entries()方法可以做什么,用法是怎样的
本篇内容介绍了“JS数组中entries()方法可以做什么,用法是怎样的”的有关知识,在实际项目的操作过程或是学习过程中,不少人都会遇到这样的问题,接下来就让小编带大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
1、entires() 方法语法详解
现在大家对于JS数组中entries()方法可以做什么,用法是怎样的的内容应该都有一定的认识了吧,希望这篇能对大家有所帮助。最后,想要了解更多,欢迎关注博信,博信将为大家推送更多相关的文章。
1、entires() 方法语法详解
entries()
方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)
。
迭代对象中数组的索引值作为 key
, 数组元素作为 value
。它的原型(__proto__:Array Iterator)
上有一个next
方法,可用用于遍历迭代器取得原数组的[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 二维数组行排序
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
方法中首先获取传入数组的迭代对象,然后通过定义一个初始化标识为 true
,通过递归调用迭代对象 entires
的 next
方法赋值给 res
对象,判断res
对象的d one
属性,若该值为 true
表示可以递归,res.value
对应的是二维数组的每一行,对该项进行排序即可,若值为 flase
表示结束递归。
总结:
现在大家对于JS数组中entries()方法可以做什么,用法是怎样的的内容应该都有一定的认识了吧,希望这篇能对大家有所帮助。最后,想要了解更多,欢迎关注博信,博信将为大家推送更多相关的文章。
版权声明
本文仅代表作者观点,不代表博信信息网立场。