JS高级写法判断条件 obj array
创始人
2025-05-29 00:08:48

优化写法一(常用高级写法):用Map对象,以Object对象作为key:判断条件一个至多个都可以

let divide = 'dev'

let status = 2

const actions = new Map([

[{identity:'dev',status:1},()=>{/*do sth*/}],

[{identity:'dev',status:2},()=>{/*do sth*/}],

[{identity:'dev',status:3},()=>{/*do sth*/}],

//...

])

// 同时满足key.identity == divide && key.status == status

let action = [...actions].filter(([key,value])=>(key.identity == divide && key.status == status))

action.forEach(([key,value])=>value.call(window)) //this

如果status不同,后面处理的function不一样,处理方法一样,写不同的function就可以,如下:

const publicKeyboardShortcuts = (evt: KeyboardEvent) => {

let divide = 'dev';//变量

let status = 2;//变量

const actions = new Map([

[{identity: 'dev', status: 1}, functionA],

[{identity: 'dev', status: 2}, functionB],

[{identity: 'dev', status: 3}, functionC],

[{identity: 'dev', status: 4}, functionD],

//...

])

let action = [...actions].filter(([key, value]) => (key.identity == divide && key.status == status))

action.forEach(([key, value]) => value.call(window)) //this

}

const functionA = () => {

}

const functionB = () => {

}

const functionC = () => {

}

const functionD = () => {

}

上面逻辑使用Object对象来实现如下:

const publicKeyboardShortcuts = (evt: KeyboardEvent) => {

let divide = 'dev'

let status = 2

const actions = [

['dev_1', ()=>{/*do sth*/}],

['dev_2', ()=>{/*do sth*/}],

['dev_3', ()=>{/*do sth*/}],

...

]

let action = actions.get(`${divide}_${status}`) || actions.get('default');

action.call(window) //this

}

如果判断条件是 1-3 都执行functionA方法,判断条件是 4-5 都去执行functionB方法,这种情况下就可以使用正则去匹配

我们正常的处理逻辑是:每一个都写一遍方法如下

const publicKeyboardShortcuts = (evt: KeyboardEvent) => {

let divide = 'dev';//变量

let status = 2;//变量

const actions = new Map([

[{identity: 'dev', status: 1}, functionA],

[{identity: 'dev', status: 2}, functionA],

[{identity: 'dev', status: 3}, functionA],

[{identity: 'dev', status: 4}, functionB],

[{identity: 'dev', status: 5}, functionB],

[{identity: 'dev', status: 6}, functionC],

//...

])

let action = [...actions].filter(([key, value]) => (key.identity == divide && key.status == status))

action.forEach(([key, value]) => value.call(window)) //this

}

const functionA = () => {

}

const functionB = () => {

}

const functionC = () => {

}

优化之后,使用正则处理的方法:用正则类型作为key,利用数组循环的特性,符合正则条件的逻辑都会被执行

详细看优化:

https://blog.csdn.net/weixin_42333548/article/details/107835102

 

相关内容

热门资讯

青春是道明媚的忧伤-个性唯美的...   伤口就像我一样,是个倔强的孩子,不肯愈合,因为内心是温暖潮湿的地方,适合任何东西生长。  因为我...
爱你,我已忘了自己-经典个性说...   已经把伱当成了全部。  从此住了一个人 曾经摸样小小的我们故事里你是不可缺少的部分  我都明白。...
时尚达人精编最时尚的个性签名 ... 1、生活总会给你另一个机会,这个机会叫明天。 2、好男人就是她黑,她矮,她丑,她穷,她是我爱人...
最有诗意的情侣个性签名大全一男... 你是一杯毒酒,早已渗入骨髓。你是一种毒药,早已要莪性命。女人没有消息,对男人或许是好消息。男人没有消...
四月最新发布情侣qq个性签名一... 最后只剩下星空,像不变回忆陪着我。至少回忆会永久,像不变星空陪着我。笨蛋老婆,嫁给我吧!傻瓜老公,要...