区块链技术博客
www.b2bchain.cn

js中枚举的写法求职学习资料

D0b2wT.gif

本文介绍了js中枚举的写法求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

查询条件有一个下拉单选组件,有四个选项:全部,A,B,C,但是这并不和后端逻辑一一对应,A对应1,B对应3,其中C对应的枚举值是2,4,5.

本来直接传字符串就好了

{ label: '全部', value:'' }, {     label:A     value:'1' }, {     label:B     value:'3' }, {     label:C     value:'2,4,5' },

但是后台比较奇葩,让传数组,而且还是数值

于是在选择之后需要对选项进行一番处理.我写的比较渣

let temp = [] if(value==='1'){     temp = [1] }else if (value==='3'){   temp = [3] }else if(value === '2,4,5'){   temp = [2,4,5] }

老大过来一看,这写的啥玩意儿,一点也不优雅.

改成了下面这样

let temp = {'全部':[],'1':[1],'3':[3],'2,4,5':[2,4,5]} let finalValue = temp[value]

整个世界都舒服了.

严格来说,js中是没有枚举类型的.

上面的写法是创建了一个对象,key是我们的下拉菜单选择的值,通过temp[key],取对应的值.

用到的知识点是解构赋值

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

看看MDN的官方示例

var o = {p: 42, q: true}; var {p, q} = o;

这种过于简洁写法常常仍然有点懵逼

第二行其实就是根据p去o里面找一个名为p的属性,然后获取它的值,赋值给变量p

这样写你就好懂了

var o = {p: 42, q: true}; var p = o.p var q = o.q

解构赋值能够成功的前提是表达式左边的变量必须和对象的属性名是一样的,否则取不到

eg
js中枚举的写法

查询条件有一个下拉单选组件,有四个选项:全部,A,B,C,但是这并不和后端逻辑一一对应,A对应1,B对应3,其中C对应的枚举值是2,4,5.

本来直接传字符串就好了

{ label: '全部', value:'' }, {     label:A     value:'1' }, {     label:B     value:'3' }, {     label:C     value:'2,4,5' },

但是后台比较奇葩,让传数组,而且还是数值

于是在选择之后需要对选项进行一番处理.我写的比较渣

let temp = [] if(value==='1'){     temp = [1] }else if (value==='3'){   temp = [3] }else if(value === '2,4,5'){   temp = [2,4,5] }

老大过来一看,这写的啥玩意儿,一点也不优雅.

改成了下面这样

let temp = {'全部':[],'1':[1],'3':[3],'2,4,5':[2,4,5]} let finalValue = temp[value]

整个世界都舒服了.

严格来说,js中是没有枚举类型的.

上面的写法是创建了一个对象,key是我们的下拉菜单选择的值,通过temp[key],取对应的值.

用到的知识点是解构赋值

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

看看MDN的官方示例

var o = {p: 42, q: true}; var {p, q} = o;

这种过于简洁写法常常仍然有点懵逼

第二行其实就是根据p去o里面找一个名为p的属性,然后获取它的值,赋值给变量p

这样写你就好懂了

var o = {p: 42, q: true}; var p = o.p var q = o.q

解构赋值能够成功的前提是表达式左边的变量必须和对象的属性名是一样的,否则取不到

eg
js中枚举的写法

查询条件有一个下拉单选组件,有四个选项:全部,A,B,C,但是这并不和后端逻辑一一对应,A对应1,B对应3,其中C对应的枚举值是2,4,5.

本来直接传字符串就好了

{ label: '全部', value:'' }, {     label:A     value:'1' }, {     label:B     value:'3' }, {     label:C     value:'2,4,5' },

但是后台比较奇葩,让传数组,而且还是数值

于是在选择之后需要对选项进行一番处理.我写的比较渣

let temp = [] if(value==='1'){     temp = [1] }else if (value==='3'){   temp = [3] }else if(value === '2,4,5'){   temp = [2,4,5] }

老大过来一看,这写的啥玩意儿,一点也不优雅.

改成了下面这样

let temp = {'全部':[],'1':[1],'3':[3],'2,4,5':[2,4,5]} let finalValue = temp[value]

整个世界都舒服了.

严格来说,js中是没有枚举类型的.

上面的写法是创建了一个对象,key是我们的下拉菜单选择的值,通过temp[key],取对应的值.

用到的知识点是解构赋值

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

看看MDN的官方示例

var o = {p: 42, q: true}; var {p, q} = o;

这种过于简洁写法常常仍然有点懵逼

第二行其实就是根据p去o里面找一个名为p的属性,然后获取它的值,赋值给变量p

这样写你就好懂了

var o = {p: 42, q: true}; var p = o.p var q = o.q

解构赋值能够成功的前提是表达式左边的变量必须和对象的属性名是一样的,否则取不到

eg
js中枚举的写法

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » js中枚举的写法求职学习资料
分享到: 更多 (0)
D0b2wT.gif

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们