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

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

...持续更新

相关推荐
网域小星球5 分钟前
C++ 从 0 入门(一)|C++ 基础语法、命名空间、引用、IO 输入输出
开发语言·c++·引用·命名空间·cin/cout
雾岛听蓝20 分钟前
Qt按钮与标签控件详解
开发语言·经验分享·笔记·qt
黑牛儿22 分钟前
AI Agent\+PHP实现智能接口限流,避开算力成本陷阱(结合今日AI热点)
开发语言·人工智能·php
XMYX-024 分钟前
15 - Go 泛型(Generics):从入门到实战
开发语言·golang
Halo_tjn25 分钟前
Java 内部类
java·开发语言·算法
碎碎念的安静28 分钟前
WPF 与 Qt 进程间通信(IPC)
开发语言·qt·wpf
boonya42 分钟前
Spring AI 深度实践教程:从“能用”到“用好”
开发语言·python
(Charon)43 分钟前
【Qt/C++】Qt/C++ 中 :: 和 . 到底有什么区别?
开发语言·c++·qt
REDcker1 小时前
C++跨平台与跨语言绑定工具:SWIG、Djinni 等选型
开发语言·c++
傻啦嘿哟1 小时前
Python 操作 Word 文档属性与字数统计方法详解
开发语言·c#