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

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

...持续更新

相关推荐
大爱编程♡12 小时前
Vue3+TypeScript+element-plus的文章管理项目(配后端接口)-退出及文章管理页面
前端·javascript·typescript
独立开阀者_FwtCoder13 小时前
最近做了一个健身小程序:智形健身助手,健身的佬们来提点意见
前端·javascript·github
Lyndon-李大鹏13 小时前
QT-VS环境
开发语言·qt
森林的尽头是阳光14 小时前
tree回显问题
javascript·vue.js·elementui
微学AI14 小时前
内网穿透的应用-把飞牛NAS变成家庭录像中心:EasyNVR部署与远程回放实战
开发语言·php
峥嵘life14 小时前
Android WiFi连接过程 wpa_supplicant 日志分析
android·开发语言·php
BerryS3N14 小时前
深度解析:从零构建生产级大模型 RAG(检索增强生成)系统全栈指南
开发语言·python·ai
weixin_BYSJ198714 小时前
「课设设计」springboot校园超市助购系统26449 (附源码)
java·javascript·spring boot·python·django·flask·php
今儿敲了吗14 小时前
Python——函数基础
开发语言·笔记·python
CHANG_THE_WORLD15 小时前
深入理解递归:从函数调用到调用栈的完整执行过程
java·开发语言·算法