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

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

...持续更新

相关推荐
Rsun045511 分钟前
7、Java 装饰器模式从入门到实战
java·开发语言·装饰器模式
fengci.4 分钟前
php反序列化(复习)(第五章)
android·开发语言·学习·php
AI瓦力6 分钟前
PDFBox处理JPEG2000图像报错解决方案(PDF扫描件)
开发语言
深邃-7 分钟前
【C语言】-自定义类型:结构体
c语言·开发语言·数据结构·c++·html5
秋月的私语8 分钟前
遥感影像拼接线优化工具:基于Qt+GDAL+OpenCV的从二到三实践
开发语言·qt·opencv
cmpxr_9 分钟前
【C】结构体的内存对齐
c语言·开发语言·算法
李松桃14 分钟前
音乐爬虫 - Python
开发语言·python·python实操
Rsun0455115 分钟前
9、Java 外观模式从入门到实战
java·开发语言·外观模式
清心歌16 分钟前
TreeSet 深度解析
java·开发语言
Irene199117 分钟前
Python 学习途径,从熟悉的 JavaScript 过渡到 Python
javascript·python