JS推荐实践

用全局js常量代替魔法数字

在存量的老代码中往往能见到这种风格的代码:

运用 可选链运算符(?.)优雅判空

使用map()加join()从对象数组中获取提示信息

与Java的List流式操作类似

js 复制代码
const userList = [
  {
    name: '毒敌大王',
    action: '尾后针'
  },
  {
    name: '黑风大王',
    action: '黑风之名'
  },
  {
    name: '二郎神',
    action: '令我欢喜'
  }
]

const allAction = userList.map(item => item.action).join(',')
console.log('allAction', allAction)

allAction 尾后针,黑风之名,令我欢喜

应用场景:前端校验对象数组,抽取某一属性组合进行提示。

...持续更新

相关推荐
柏箱3 分钟前
文件上传漏洞入门:(upload-labs Pass-1 & Pass-2)
开发语言·前端·javascript
人道领域5 分钟前
Day | 07 【苍穹外卖:菜品套餐的缓存】
java·开发语言·redis·缓存击穿·springcache
biter down5 分钟前
C++ 精准控制对象的创建位置(堆 / 栈)
开发语言·c++
星轨初途5 分钟前
类和对象(上)
开发语言·c++·经验分享·笔记
予你@。10 分钟前
Vue 项目中如何引用本地字体(完整指南)
前端·javascript·vue.js
阿蒙Amon13 分钟前
C#常用类库-详解Moq
开发语言·c#·log4j
留院极客离心圆13 分钟前
C++ 进阶笔记:栈内存 vs 堆内存
开发语言·c++
留院极客离心圆14 分钟前
C++ 进阶笔记:宏
开发语言·c++·笔记
無限進步D16 分钟前
关于高校C语言课程的学习方法
c语言·开发语言·学习方法·入门
早點睡39017 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-image-crop-picker
javascript·react native·react.js