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

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

...持续更新

相关推荐
整点薯条7784 分钟前
用 Python 给家里做一次噪音频谱审计:程序员的声学工程实践(含完整源码)
开发语言·python·噪音控制
洋不写bug4 分钟前
Java线程(三):线程执行顺序问题、可重入锁、加锁操作解析,死锁解决
java·开发语言
子非吾喵4 分钟前
本地部署AI大模型:Ollama + Qwen3 完整指南,用Python打造智能聊天助手
开发语言·人工智能·python
天才熊猫君5 分钟前
📄 第一篇:Vue 3 命令式弹窗使用指南
前端·javascript·vue.js
天才熊猫君6 分钟前
📄 第二篇:Vue 3 命令式弹窗 provide/inject 机制解析
前端·javascript·vue.js
iReachers8 分钟前
HTML打包EXE工具数据加密功能详解 - 加密保护HTML/JS/CSS资源
javascript·css·html·html加密·html转exe·html一键打包exe·exe打包
kyriewen1113 分钟前
代码写成一锅粥?这5种设计模式让你的项目“起死回生”
前端·javascript·设计模式·typescript·ecmascript·html5
lsx20240614 分钟前
Vue3 安装指南
开发语言
skywalk816315 分钟前
g4f JavaScript调用报错问题解决
开发语言·javascript·ecmascript