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

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

...持续更新

相关推荐
科雷软件测试2 小时前
Python中itertools.product:快速生成笛卡尔积
开发语言·python
OOJO3 小时前
c++---list介绍
c语言·开发语言·数据结构·c++·算法·list
Jenlybein3 小时前
快速了解熟悉 Vite ,即刻上手使用
前端·javascript·vite
Ailrid3 小时前
@virid/core:用游戏引擎的思维来写应用-高度确定性的应用开发引擎
javascript
笨笨饿4 小时前
29_Z变换在工程中的实际意义
c语言·开发语言·人工智能·单片机·mcu·算法·机器人
艾为电子5 小时前
【技术帖】让接口不再短命:艾为 C-Shielding™ Type-C智能水汽防护技术解析
c语言·开发语言
SuperEugene5 小时前
Vue3 组件复用设计:Props / 插槽 / 组合式函数,三种复用方式选型|组件化设计基础篇
前端·javascript·vue.js
棉花骑士5 小时前
【AI Agent】面向 Java 工程师的Claude Code Harness 学习指南
java·开发语言
IGAn CTOU5 小时前
PHP使用Redis实战实录2:Redis扩展方法和PHP连接Redis的多种方案
开发语言·redis·php
环黄金线HHJX.6 小时前
TSE框架配置与部署详解
开发语言·python