问答

Vue如何循环map对象的key和value

作者:admin 2021-04-17 我要评论

如题在面试前端工程师过程中问道,如果循环一个对象的key value? ### 是问对象还是Map?对象的话直接v-for,map的话先转成对象 ### https://developer.mozilla....

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

如题在面试前端工程师过程中问道,如果循环一个对象的key value?

###

是问对象还是Map?对象的话直接v-for,map的话先转成对象

###

https://developer.mozilla.org...
是这意思吗?

###

是js循环还是式vue指令的循环

###

如果只是对象你可以用 for...in 来操作,也可以用 for...of + Object.entries()

var obj = {a:1, b:2, c:3};

for (let prop in obj) {
  console.log(`obj.${prop} =  ${obj[prop]}`);
}
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

for (const [key, value] of Object.entries(obj)) {
  console.log(`obj.${key} = ${value}`);
}
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

如果你说的是Map结构的对象,可以直接用 for 循环来输出

const map = new Map([
  ['F', 'no'],
  ['T',  'yes'],
]);

for (let [key, value] of map.entries()) {
  console.log(`map.get(${key}) = ${value}`);
}
// "map.get(F) = no"
// "map.get(T) = yes"

// 等同于使用map.entries()
for (let [key, value] of map) {
  console.log(`map.get(${key}) = ${value}`);
}
// "map.get(F) = no"
// "map.get(T) = yes"

// 如果要求不高也可以直接展开
[...map.entries()]
// [[1,'one'], [2, 'two'], [3, 'three']]

[...map]
// [[1,'one'], [2, 'two'], [3, 'three']]

相关文档:

for...in - JavaScript | MDN
for...of - JavaScript | MDN
Object.entries() - JavaScript | MDN
Set 和 Map 数据结构 - ECMAScript 6入门

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器