JavaScript 中遍历字典(对象)的键(key)和值(value)

这篇具有很好参考价值的文章主要介绍了JavaScript 中遍历字典(对象)的键(key)和值(value)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

要在 JavaScript 中遍历字典(对象)的键(key)和值(value),可以使用 Object.entries()​ 方法。这个方法会返回一个由键值对(key-value pairs)组成的数组,然后可以使用 for...of​ 循环或数组的 forEach()​ 方法遍历键值对。

以下是使用 for...of​ 循环和 forEach()​ 方法遍历字典键值对的示例:

  1. 使用 ​​**for...of​ 循环遍历:**

···

const dictionary = {
  key1: "value1",
  key2: "value2",
  key3: "value3"
};

for (const [key, value] of Object.entries(dictionary)) {
  console.log(`Key: ${key}, Value: ${value}`);
}

输出:

Key: key1, Value: value1
Key: key2, Value: value2
Key: key3, Value: value3
  1. 使用 ​​**forEach()​ 方法遍历**:
const dictionary = {
  key1: "value1",
  key2: "value2",
  key3: "value3"
};

Object.entries(dictionary).forEach(([key, value]) => {
  console.log(`Key: ${key}, Value: ${value}`);
});

​ 输出:

Key: key1, Value: value1
Key: key2, Value: value2
Key: key3, Value: value3

在这两个示例中,Object.entries()​​ 方法会返回一个包含键值对的数组,然后使用不同的遍历方法(for...of​​ 或 forEach()​​)遍历每个键值对。在遍历过程中,我们可以直接访问键和值,然后根据需要处理它们。文章来源地址https://www.toymoban.com/news/detail-616486.html

到了这里,关于JavaScript 中遍历字典(对象)的键(key)和值(value)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Debezium系列之:把value中指定字段的键值对放到key中,进一步实现key中只保留指定字段的值

    需要把value中的指定的键值对放到key中 例如需要把产品代号cdc_code和产品名称product放到key中#

    2024年02月09日
    浏览(41)
  • JavaScript:js数组/对象遍历方法

    一、js遍历方法 序号 方法 描述 1 for 使用最基本的for循环可以遍历数组 2 for of for...of语句用来遍历可迭代对象(包括数组、Set、Map、字符串等),它可以替代传统的for循环和forEach()方法。for...of循环每次迭代都将返回一个值,而不是索引。 3 for in for...in语句用来遍历对象的可

    2024年02月09日
    浏览(56)
  • python基础之字典{key:value}

    一、什么是字典 字典是可以存储键值对( key=value 对用冒号 )的容器。每一个键与一个值相关联,键和值之间用冒号分隔,而键-值对之间用逗号分隔,一个字典可以存储多个键值对 实例:存储一个键值对的字段,key=name,value=linda 二、字典的查询、添加、修改、删除 1、查

    2024年02月09日
    浏览(40)
  • Vue 循环map对象拿到key值和value值,VUE 获取对象{}的key值,vue根据对象id删除数组中的对象,实现局部刷新的功能,vue中JS 对象动态添加键值对 vue中JS 对象动态添加键值对

    适用场景: vue中定义的map对象 map : { name : \\\'xxx\\\' } 接口回显map格式的数据 data :{ key : value} 都可以通过以下方式拿到key和value的值 VUE 获取对象{}的key值  vue根据对象id删除数组中的对象,实现局部刷新的功能 方法一:使用过滤器 注:这个一般是根据对象id 方法二:使用splice() 注

    2024年02月16日
    浏览(56)
  • Vue 循环map对象拿到key值和value值,VUE 获取对象{}的key值,vue根据对象id删除数组中的对象,实现局部刷新的功能,vue中JS 对象动态添加键值对

    适用场景: vue中定义的map对象 map : { name : \\\'xxx\\\' } 接口回显map格式的数据 data :{ key : value} 都可以通过以下方式拿到key和value的值 VUE 获取对象{}的key值  vue根据对象id删除数组中的对象,实现局部刷新的功能 方法一:使用过滤器 注:这个一般是根据对象id 方法二:使用splice() 注

    2024年02月08日
    浏览(54)
  • Python之字典一个key对应多个value

    python的字典是一个key对应一个value,如果想要一个key对应多个value,那么可以用以下几种方法来实现。 输出结果如下: 输出结果如下: 输出结果如下: defaultdict是Python内建dict类的一个子类,其使用一个factory_function作为输入,这个factory_function可以是list、set、str等等。 在实际

    2024年02月08日
    浏览(42)
  • 使用Map遍历key-value的4种方法

    1、先用keySet()获取所有key,再获取值——使用值器遍历 2、先获取所有的key,再通过key来获取值——使用访问器遍历的 3、通过entrySet()获取key-value值——用于增强循环遍历 4、通过entrySet()获取key-value值——使用遍历器

    2024年02月13日
    浏览(40)
  • 【Python】对key或values是datetime类型或时间字符串的字典dict排序

    当字典的key是时间字符串类型,如下 time_dict = {‘2021-05-18’: 119, ‘2021-06-05’: 119, ‘2020-12-10’: 116, ‘2021-04-19’: 110, ‘2020-12-04’: 108, ‘2021-04-13’: 106, ‘2020-12-08’: 106, ‘2020-09-12’: 103, ‘2021-05-14’: 101, ‘2021-05-08’: 100, ‘2021-01-09’: 99, ‘2020-12-09’: 99, ‘2021-06-25’: 99, ‘

    2023年04月08日
    浏览(38)
  • JS如何获取对象的键名、键值

    使用Object.keys()获取对象的键名 object.keys()方法只返回对象的键名,并转换为一个数组。 使用Object.entries()获取对象的键名 object.entries()方法是从对象中获取每个键值对,并将这些键值对转换为一个数组并将它们存储在一个大数组中。此方法只接受一个参数,即对象本身。 使用

    2024年02月12日
    浏览(39)
  • JS对Json数组进行抽取 获取key: “value“

    这篇文章 不是拿key或value 是 抽取需要的 key: “value” 【必须是单一数组 若是多组数据需要for循环】 // row 是json串 !!! 一、我有一个单一的json【row】 只要 id 和 appStatus 且分开成新数组 二、我有一个单一的json【row】 只要 id 和 appStatus 不分开在一起 方式1:row[0] 括号里面用数字

    2023年04月24日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包