JavaScript里方括号[]的使用

我们知道可用方括号来表示数组或者JSON对象的属性值,其实在特定场合,方括号还有妙用的。

比如我有数据源是一组JSON,其中有一个属性是时间字符串,我想对时间的小时、星期、日、月分别进行处理。每条JSON都各自生成一条新的JSON,传入参数field="hour"时,取小时,存入"hour"字段;传入参数是field="day"时,取星期,存入"day"字段,传入参数field="date"时,取日期,存入"data"字段,传入参数是field"month"时,取月份,存入"month"字段。下面是例程,用到了方括号的两种方法,还真不好用其他方式替代:

javascript 复制代码
function showchart(dataset,field,getarg,offset) {
...
let trans=dataset.map(item=>({[field]:(new Date(item.rectime))[getarg]()-offset}))
...
}
...
showchart(ds,"hour", "getHours",0)
showchart(ds,"day", "getDay",0)
showchart(ds,"date", "getDate",1)
showchart(ds,"month", "getMonth", 0)

函数里offset是一个偏移量,这里说一下JavaScript里时间相关的函数有些地方与常理有些出入,getHours()取出来的小时没有异议,getDay()星期日是0,星期一到星期六分别对应1-6,也没有毛病,getDate()出来的结果就是日期,1-31没有毛病吧,但是如果你用它的值当作数组下标的话,就没有0,还得自己再折腾转换下,我就干脆-1,从0开始,getMonth(),这个跟getDate()又不是一个逻辑了,这个一月是0,十二月是11,理解起来要加1,不过值用作数组下标的话,刚刚好。

代码里[field]你如果去掉方括号的话,就是field作为key了,而不是field的值作为key,obj[getarg](),这种表示obj对象的一个调用方法,方法名是传入参数getarg这个字符串的值。

相关推荐
进击的尘埃2 小时前
Vitest 自定义 Reporter 与覆盖率卡口:在 Monorepo 里搞增量覆盖率检测
javascript
进击的尘埃2 小时前
E2E 测试里的网络层,到底该怎么 Mock?
javascript
DevUI团队3 小时前
🚀 【Angular】MateChat V20.2.2版本发布,新增8+组件,欢迎体验~
前端·javascript·人工智能
DevUI团队3 小时前
🚀 MateChat V1.11.0 震撼发布!新增工具按钮栏组件及体验问题修复,欢迎体验~
前端·javascript·人工智能
学以智用3 小时前
Vue 3 核心函数全解(组合式 API + 常用工具函数)
javascript·vue.js
滕青山3 小时前
HTTP状态查询 在线工具核心JS实现
前端·javascript·vue.js
SuperEugene4 小时前
Vue3 中后台实战:VXE-Table 从基础表格到复杂业务表格全攻略 | Vue生态精选篇
前端·javascript·vue.js
SuperEugene4 小时前
Vue3 中后台实战:Element + VXE Table 搜索表格分页完整方案 | Vue生态精选篇
前端·javascript·vue.js
gyx_这个杀手不太冷静4 小时前
OpenCode 进阶使用指南(第一章:Agent 模式)
前端·javascript·ai编程
wuhen_n4 小时前
computed 的缓存哲学:如何避免不必要的重复计算?
前端·javascript·vue.js