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

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

...持续更新

相关推荐
小年糕是糕手6 分钟前
【数据结构】常见的排序算法 -- 插入排序
c语言·开发语言·数据结构·学习·算法·leetcode·排序算法
Justineo12 分钟前
TemPad Dev:设计与实现
前端·javascript·css
星释20 分钟前
Rust 练习册 4:Deref trait 与智能指针
开发语言·后端·rust
AAA简单玩转程序设计21 分钟前
救命!HTML按钮点了没反应?3分钟学会给网页“装脑子”
javascript·html
心随雨下23 分钟前
Java中将System.out内容写入Tomcat日志
java·开发语言·tomcat
神秘的猪头23 分钟前
浏览器是如何渲染 HTML/CSS/JS 页面的?——从代码到像素的完整流程
前端·javascript
啷咯哩咯啷28 分钟前
el-table-v2 实现自适应列宽
前端·javascript·vue.js
3秒一个大29 分钟前
JavaScript 中 var、let 和 const 的区别与应用
javascript
inx17736 分钟前
微信小程序开发实战:从结构到数据绑定的完整实现
javascript·微信小程序
一枚前端小能手1 小时前
📚 JavaScript 数据类型与数据结构全攻略 - 原始值、对象、Map/Set与弱引用实战
前端·javascript