js 中我选择用数组还是对象,那个效率会好点?

Question

比如 我的菜单 dom, 可以通过下面两种 json 对象生成.

const menuJson1 = {
1:{title:'a',children:{1:{},2:{},3:{}}},
2:{title:'b'},
3:{title:'c'},
4:{title:'d'},

}
const menuJson2 =[
  {key:1,title:'a',children:[{},{},{}]},
  {key:2,title:'b'},
  {key:3,title:'c'},
  {key:4,title:'d'},
]

第一种,是对象,第二种是数组
对象好处是 拿对象的时候,只要给个key 就可以拿到. 删除也给个key就行
而数组,拿对象时,我每时都要遍历找出来, 删也得遍历 找出来

所以,有些迷糊. 我什么时用数组 更效率,什么时侯用对象更加效率!?

Answer 1

数组常用于列表，对于顺序不太重要的一组数据，数组内置方法更多，所以处理数据更加方便，如filter，find，sort等
对象通常使用来优化代码，如优化if语句

if (this.type === 'A') {
  this.handleA();
} else if (this.type === 'B') {
  this.handleB();
} else if (this.type === 'C') {
  this.handleC();
} else if (this.type === 'D') {
  this.handleD();
} else {
  this.handleE();
}

// key-value方式优化
let enums = {
  'A': handleA,
  'B': handleB,
  'C': handleC,
  'D': handleD,
  'E': handleE
}
function action(val){
  let handleType = enums[val]
  handleType()
}