js数组的 entries() 获取迭代方法
更新时间：2021年10月29日 11:32:10 作者：Serendipity
这篇文章主要介绍了js数组的 entries() 获取迭代方法，entries() 方法返回一个数组的迭代对象，该对象包含数组的键值对 (key/value)。下面来详细介绍该neural,需要的朋友可以参考一下
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() 获取迭代方法的文章就介绍到这了,更多相关js数组 entries() 获取迭代内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
因为程序的调试非常重要,程序猿可以利用好的调试方法去查找定位自己的问题所在之处,从而,达到纠正自己程序错误的地方,健壮自己的程序,让问题变得越来越少,程序变得越来越健康,所以本文给大家介绍了Vue程序调试和排错技巧,需要的朋友可以参考下2024-12-12
这篇文章主要介绍了el-table实现搜索高亮展示并滚动到元素位置,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
这篇文章主要介绍了vue中@click绑定事件点击不生效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
在Vue.js应用中,Vue-Router是一个非常重要的插件,它允许我们实现页面间的导航,然而,仅仅实现导航是不够的,我们还需要在导航的不同阶段进行各种操作,本文将结合实际案例,详细介绍Vue-Router路由守卫的用法,需要的朋友可以参考下2024-12-12
这篇文章主要为大家详细介绍了Vue+ElementUI table实现表格分页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
组合式API为Vue3带来了更好的逻辑组织和复用性,支持TypeScript,提供灵活的响应式系统,它允许开发者将相关逻辑组合在一起,通过composable函数实现逻辑复用,摆脱了mixin的缺点,同时,组合式API与TypeScript的集成更紧密,能够提供更准确的类型推断2024-10-10
这篇文章主要介绍了vue 图片转base64本地路径跨域方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-02-02
这篇文章主要介绍了关于路由重定向redirect的基本使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
Vue.js的解析顺序可以概括为:模板编译、组件创建、数据渲染、事件处理和生命周期钩子函数执行,接下来通过本文给大家介绍vue 组件数据加载解析顺序的完整代码,感兴趣的朋友跟随小编一起看看吧2024-03-03
这篇文章主要介绍了Vue3配置代理后页面500/404问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
最新评论