返回顶部
首页 > 资讯 > 前端开发 > JavaScript >js数组的 entries() 获取迭代方法
  • 143
分享到

js数组的 entries() 获取迭代方法

2024-04-02 19:04:59 143人浏览 独家记忆
摘要

目录1、entires() 方法语法详解2、entires() 方法常见使用及注意2.1 返回迭代器对象2.2 for...of...的使用2.3 二维数组行排序1、entires(

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() 获取迭代内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: js数组的 entries() 获取迭代方法

本文链接: https://lsjlt.com/news/155889.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • js数组的 entries() 获取迭代方法
    目录1、entires() 方法语法详解2、entires() 方法常见使用及注意2.1 返回迭代器对象2.2 for...of...的使用2.3 二维数组行排序1、entires(...
    99+
    2024-04-02
  • JS中数组的迭代方法和归并方法
    本篇内容介绍了“JS中数组的迭代方法和归并方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!数组的迭代方法...
    99+
    2024-04-02
  • JavaScript 数组迭代的方法
    这篇文章主要介绍“JavaScript 数组迭代的方法”,在日常操作中,相信很多人在JavaScript 数组迭代的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java...
    99+
    2024-04-02
  • JavaScript数组迭代的方法
    今天小编给大家分享一下JavaScript数组迭代的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来...
    99+
    2024-04-02
  • JavaScript数组有哪些迭代方法
    这篇文章主要介绍了JavaScript数组有哪些迭代方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。ES5为数组定义了5个迭代方法。每种方...
    99+
    2024-04-02
  • es6中迭代数组的方法有哪些
    这篇文章主要介绍了es6中迭代数组的方法有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中迭代数组的方法有哪些文章都会有所收获,下面我们一起来看看吧。迭代方法:1、map,用于根据某种规则映射数组,得...
    99+
    2023-07-04
  • JavaScript数组迭代every和some的操作方法
    这篇文章主要介绍了JavaScript数组迭代every和some的操作方法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript数组迭代every和some的操作...
    99+
    2024-04-02
  • JavaScript数组迭代find和findIndex操作的方法
    这篇“JavaScript数组迭代find和findIndex操作的方法”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收...
    99+
    2024-04-02
  • js如何获取数组极值
    小编给大家分享一下js如何获取数组极值,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!获取数组极值function smallest(array){&nb...
    99+
    2023-06-27
  • js获取USB扫码枪数据的方法
    本文实例为大家分享了js获取USB扫码枪数据的具体过程,供大家参考,具体内容如下 废话不多说,直接上代码,这个方法避免了 首字缺失,字符串乱码等等问题,特别好用,记录一下 中间的Aj...
    99+
    2024-04-02
  • JS获取表单中数据formdata的方法
    这篇文章主要介绍了JS获取表单中数据formdata的方法,具有一定借鉴价值,需要的朋友可以参考下。下面就和我一起来看看吧。在文章正式开始之前呢,先介绍一个知识点,那就是var和let的区别,查看了各路大佬的文章,也经过各种尝试,最终得出的...
    99+
    2023-07-06
  • 数组迭代reduce和reduceRight方法怎么用
    本文小编为大家详细介绍“数组迭代reduce和reduceRight方法怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“数组迭代reduce和reduceRight方法怎么用”文章能帮助大家解决疑惑,...
    99+
    2024-04-02
  • JavaScript数组中迭代方法怎么实现
    今天小编给大家分享一下JavaScript数组中迭代方法怎么实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我...
    99+
    2024-04-02
  • js获取多个tagname的节点数组
    功能需要,写了个获取多个tagname节点集合的小方法。类似于jQuery的$(‘iput,select,textarea','#form')的效果,返回是按节点在原有文档流中的顺序...
    99+
    2022-11-15
    tagname
  • PHP8.0中的数组迭代
    随着PHP8.0的发布,其中的数组迭代方法也有了一些新的改进和增强。这些改进不仅可以让开发者更加方便地处理数组数据,而且还可以提高代码的可读性和性能。在本文中,我们将探讨PHP8.0中新增的数组迭代方法,包括以下几种:array_map()...
    99+
    2023-05-14
    PHP 数组迭代 版本更新(PHP)
  • python获取数组元素个数的方法
    比如: mylist = [1,2,3] print(len(mylist)) 运行的结果为: 3 ...
    99+
    2023-01-31
    数组 个数 元素
  • js中window.location获取参数的方法是什么
    在JavaScript中,可以通过window.location.search属性来获取URL中的参数。这个属性返回的是URL中问号...
    99+
    2023-09-16
    js
  • js中如何获取JSON数组的长度
    目录js获取JSON数组的长度js获取json的长度,不需要循环总结js获取JSON数组的长度 假设现在有一个json的数组: var json={a:1,b:2,c:3,d:4};...
    99+
    2023-05-16
    js获取JSON数组长度 js JSON数组长度 获取JSON数组长度
  • 关于PHP数组迭代器的使用方法实例
    近来在开发一个视力筛查电子报告系统的产品,这个产品的作用是自动提取视力筛查过程中得到的屈光检查数据,并结合数据自动生成通俗易懂且专业的电子报告,以方便家长可以通过公众号或H5链接查阅。 要实现这个需求,第一步是对验光设备里打印出来的纸质报告...
    99+
    2015-05-29
    php数组迭代器 如何实现迭代器 数组迭代方法
  • NumPy迭代数组的实现
    目录迭代数组一、单数组迭代1. 使用 nditer 访问数组的每个元素2. 控制数组元素的迭代顺序3. 修改数组值4. 使用外部循环,跟踪索引或多索引5. 以特定数据类型迭代二、广播...
    99+
    2023-02-19
    NumPy迭代数组 NumPy数组迭代
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作