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

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

...持续更新

相关推荐
421!14 分钟前
GPIO工作原理以及核心
开发语言·单片机·嵌入式硬件·学习
摇滚侠29 分钟前
JAVA 项目教程《苍穹外卖-12》,微信小程序项目,前后端分离,从开发到部署
java·开发语言·vue.js·node.js
@insist1231 小时前
网络工程师-生成树协议(STP/RSTP/MSTP)核心原理与应用
服务器·开发语言·网络工程师·软考·软件水平考试
Timer@1 小时前
LangChain 教程 04|Agent 详解:让 AI 学会“自己干活“
javascript·人工智能·langchain
野生技术架构师1 小时前
2026年牛客网最新Java面试题总结
java·开发语言
环黄金线HHJX.1 小时前
Tuan符号系统重塑智能开发
开发语言·人工智能·算法·编辑器
dog2501 小时前
对数的大脑应对指数的世界
开发语言·php
阿珊和她的猫1 小时前
TypeScript中的never类型: 深入理解never类型的使用场景和特点
javascript·typescript·状态模式
Mr_Xuhhh1 小时前
深入理解Java抽象类与接口:从概念到实战
java·开发语言
萝卜白菜。2 小时前
TongWeb7.0相同的类指明加载顺序
开发语言·python·pycharm