【HarmonyOS NEXT】如何给未知类型对象定义类型并使用递归打印所有的Key

关键词:嵌套对象、类型、递归、未知类型

目录

使用 Record 与 ESObject 定义未知对象类型

递归打印未知类型对象的key

在鸿蒙应用开发中,所有的数据都必须定义类型,且不存在 any 类型,那么我们当遇到 key 值可能随时变化的情况时,如何获取该 object 中每一个 key 对应的数据呢?

本期以如下 object 为例,下方对象报文可能会根据使用时间或服务商的变化,"153" 字段可能会变成 "278" 等未知字符串、"5G" 字段可能会变成 "4G",那么当 key 值不断变化的同时应如何获取 "isShow" 字段的 "Y" 值?

"cfg": {
  "153": {
    "5G": {
      "isShow": "Y"
    }
  }
}

使用 Record 与 ESObject 定义未知对象类型

在鸿蒙中,已经不支持索引签名的类型写法(如:[key: string]: string | number),所以需要使用提供的 Record 与 ESObject 类型,在复杂类型场景使用,所以我们可以直接嵌套定义如下类型即可。

type objType = Record<string, Record<string, Record<string, Record<string, string>>>>
let obj: objType = {
  "cfg": {
    "153": {
      "5G": {
        "isShow": "Y"
      }
    }
  }
}

注:其他明确 key 与 value 类型的场景不建议使用 Record 与 ESObject 类型,养成良好开发习惯,标注好对应数据类型。

递归打印未知类型对象的key

鸿蒙中不支持 for... in 形式的打印,所以对于该种复杂嵌套对象,我们可以自行编写简单的 for 循环,递归调用即可。

/**
 * 打印对象所有的 key
 * @param obj
 */
handleKey(obj: objType | string) {
  let keys = Object.keys(obj);
  for (let i = 0; i < keys.length; i++) {
    console.log("luvi > " + keys[i]);
    if (typeof obj[keys[i]] === "object") {
      this.handleKey(obj[keys[i]])
      continue
    }
    // 打印 isShow 最终值
    if (keys[i] === "isShow") {
      console.log("luvi > isShow最终值:" + obj[keys[i]]);
      break
    }
  }
}

// 调用
this.handleKey(obj)

输出结果:

​编辑

该篇文章为开发时临时记录,开发经验如上,若对 TS 基础类型写法存在疑惑可查看 TS 官方文档,Record 与 ESObject 类型为鸿蒙的 ArkTS 类型,详细用法可前往 HarmonyOS 开发者官网了解。

全部评论

相关推荐

面试官全程关摄像头1.自我介绍一下2.React和Vue哪个更熟悉一点3.你在之前那段实习经历中有没有什么技术性的突破(我只是实习了44天工作28天,我把我能说的都说了)4.你封装的哪个表单组件支不支持动态传值5.自己在实习阶段Vue3项目封装过hook吗6.hook有什么作用7.Vue2和Vue3的响应式区别(我说一个是proxy是拦截所有的底层操作,Object.defineProperty本身就是一个底层操作,有些东西拦截不了,比如数组的一些操作还有等等,面试官就说实在要拦截能不能拦截????我心想肯定不行呀,他的底层机制就不允许吧)8.pinia和vuex的区别(这个回答不出来是我太久没用了)9.pinia和zustand的区别,怎么选(直接给我干懵了)(我说react能用pinia吗&nbsp;&nbsp;他说要用的话也可以)10.渲染一万条数据,怎么解决页面卡顿问题(我说分页、监听滚轮动态加载,纯数据展示好像还可以用canvas画)(估计是没说虚拟表单,感觉不满意)11.type和interface的区别12.ts的泛型有哪些作用(我就说了一个结构相同但是类型不同的时候可以用,比如请求响应的接口,每次的data不同,这里能用一个泛型,他问我还有什么)13.你项目用的是React,如果让你再写一遍你会选择什么14.pnpm、npm、yarn的区别15.dependencies和devdependencies的区别总而言之太久没面试了,上一段实习的面试js问了很多。结果这次js一点没问,网络方面也没考,表现得很一般,但是知道自己的问题了&nbsp;&nbsp;好好准备,等待明天的影石360和周四的腾讯了&nbsp;&nbsp;加油!!!
解zj:大三的第一段面试居然是这样的结局
查看15道真题和解析
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务