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

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

...持续更新

相关推荐
有意义11 分钟前
从 useState 到 useEffect:React Hooks 核心机制详解
javascript·react.js·前端工程化
栀秋66613 分钟前
面试常考的最长递增子序列(LIS),到底该怎么想、怎么写?
前端·javascript·算法
Zyx200718 分钟前
手写 `instanceof`:深入理解 JavaScript 原型链与继承机制
javascript
鹿角片ljp29 分钟前
智能家居控制系统Java实现
java·开发语言·智能家居
江城开朗的豌豆32 分钟前
TypeScript和JavaScript到底有什么区别?
前端·javascript
xiaolang_8616_wjl1 小时前
c++超级细致的基本框架
开发语言·数据结构·c++·算法
星辰落满衣1 小时前
股票实时交易数据之Python、Java等多种主流语言实例代码演示通过股票数据接口
java·开发语言·python
毕设源码-钟学长1 小时前
【开题答辩全过程】以 基于java的点餐猫在线个性化点餐系统的设计与实现为例,包含答辩的问题和答案
java·开发语言
淼淼7632 小时前
Qt调度 程序
开发语言·c++·windows·qt
智算菩萨2 小时前
【实战】使用讯飞星火API和Python构建一套文本摘要UI程序
开发语言·python·ui