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

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

...持续更新

相关推荐
微小冷9 分钟前
Rust异步编程详解
开发语言·rust·async·await·异步编程·tokio
CappuccinoRose12 分钟前
JavaScript 学习文档(二)
前端·javascript·学习·数据类型·运算符·箭头函数·变量声明
A9better13 分钟前
C++——不一样的I/O工具与名称空间
开发语言·c++·学习
清水白石00815 分钟前
《为什么说 deque 是 Python 滑动窗口的“隐藏神器”?深入解析双端队列的高效之道》
开发语言·python
杜子不疼.16 分钟前
Ascend_C自定义算子开发
c语言·开发语言
WooaiJava32 分钟前
流式TTS音频播放项目 - 面试问答(后端)
java·开发语言
全栈前端老曹33 分钟前
【MongoDB】深入研究副本集与高可用性——Replica Set 架构、故障转移、读写分离
前端·javascript·数据库·mongodb·架构·nosql·副本集
新缸中之脑41 分钟前
开发AI代理必备的8个Python 库
开发语言·人工智能·python
暴走十八步44 分钟前
PHP+vscode开启调试debug
开发语言·vscode·php
郝学胜-神的一滴1 小时前
Python 列表 vs 数组:深入解析与最佳选择指南
开发语言·python·程序人生