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 尾后针,黑风之名,令我欢喜

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

...持续更新

相关推荐
qq_12084093713 分钟前
Vue3 + Three.js 实战入门:从零搭建可交互3D场景(含模型加载与性能优化)
javascript·3d·vue3·交互
1314lay_10074 分钟前
axios的Post方法和Delete方法的参数个数和位置不同,导致415错误
前端·javascript·vue.js·elementui
ShineWinsu4 分钟前
百度搜索算法逆向思考的技术文章
开发语言
lhbian5 分钟前
C# vs 汇编:编程世界的两极对比
开发语言·汇编·c#
handler018 分钟前
Linux基础知识(1)
linux·服务器·c语言·开发语言·数据结构·c++
Rsun0455112 分钟前
12、Java 享元模式从入门到实战
java·开发语言·享元模式
枫叶丹413 分钟前
【HarmonyOS 6.0】ArkWeb:Web组件销毁模式深度解析
开发语言·前端·华为·harmonyos
良木生香13 分钟前
【C++ 初阶】:内存管理的迭代革新——从malloc/free 到 new/delete 的时代更迭
c语言·开发语言·c++
傻啦嘿哟13 分钟前
使用 Python 管理 Word 节及页面布局设置
开发语言·python·word
XGeFei17 分钟前
__init__ 初始化方法
开发语言·python