当前位置： 首页 > news >正文

JS代码其实可以这样写

news 2026/2/7 14:03:40

给大家推荐一个实用面试题库

1、前端面试题库 （面试必备）            推荐：★★★★★

地址：web前端面试题库

日常工作中，我确实经常去帮大家review代码，长期以来，我发现有些个功能函数，JS其实可以稍微调整一下，或者换个方式来处理，代码就会看起来更清晰，更简洁，甚至效率更高，主要是还更好理解。 下面我列举有5个案例，我们一起来看一下

一、建议考虑使用FlatMap方法

先来看一段同时使用filter和map方法遍历数组的代码。我相信这种场景大家一定碰到过。为了说明问题，这里我用简单的数字内容来举个例子。

const squaredOddNumbers = numbers.filter(num => num % 2 !== 0).map(num => num * num)console.log(squaredOddNumbers);
// 输出：[1, 9, 25, 49, 81]

上面代码这样写，没什么问题，而且方法的连用也是比较推荐的处理方式， 但是，还是请多想想，其实我们有更好的方式来处理这一类问题。

现在我们看使用FlatMap如何实现的















相关文章：
















JS代码其实可以这样写




给大家推荐一个实用面试题库 
1、前端面试题库 （面试必备）            推荐：★★★★★ 
地址：web前端面试题库 
日常工作中，我确实经常去帮大家review代码，长期以来，我发现有些个功能函数，JS其实可以稍微调整一下，或者换个方式来处理，代码就会看起来更清晰，更简洁，…...






编程日记
2023/11/17 4:20:25



















day14-文件系统工作流程分析




1.内核启动文件系统后，文件系统的工作流程 1.参数的接收 2.参数的解析 3.参数的应用 
问题： 
1.        UBOOT 传给 KERNEL 的参数是以tagglist进行的 KERNEL 传给 文件系统(busybox)的参数是以什么进行的？  
2.        在整个文件系统中都需…...






编程日记
2023/11/17 4:19:24



















kubectl 常用命令搜集 —— 筑梦之路




集群信息&#xff1a; 1. 显示 Kubernetes 版本&#xff1a;kubectl version  2. 显示集群信息&#xff1a;kubectl cluster-info  3. 列出集群中的所有节点&#xff1a;kubectl get nodes  4. 查看一个具体的节点详情&#xff1a;kubectl describe node <node-name>  5.…...






编程日记
2023/11/17 4:15:19



















计算3D目标框的NMS




3D障碍物目标框&#xff08;中心点坐标XYZ、长宽高lwh、朝向角theta&#xff09;的非极大值抑制 
#include <iostream>
#include <vector>
#include <algorithm>
#include <opencv2/opencv.hpp>// 定义3D目标框的结构体
struct BoundingBox3D
{double …...






编程日记
2023/11/17 4:14:18



















【Java实现图书管理系统】




图书管理系统 1. 设计背景2. 设计思路3. 模块展示代码演示3.1 Book类3.2 BookList类&#xff08;书架类&#xff09;3.4 用户类 - User类3.5 子类管理员类 -- AdminUser类3.6 子类普通用户类 -- NormalUser类3.7 操作接口3.8 操作类3.8.1 查找操作 -- FindOperation类3.8.2 增加…...






编程日记
2023/11/17 4:13:17



















ROS 多机器人导航RVIZ环境的配置




文章目录 前言一、添加多个2D Pose Estimate/2D nav Goal二、RVIZ的其他配置1.RobotModel 总结 前言 
前文ROS Turtlebot3多机器人编队导航仿真写了多机器人呢导航的代码实现&#xff0c;本文主要说明&#xff0c;RVIZ导航环境的配置&#xff0c;如何添加多个2D Pose Estimate/…...






编程日记
2023/11/17 4:12:16



















UE4 / UE5 内存与性能优化




性能优化 资源压缩粒子优化NavMeshGenerate Overlap EventGCMarkTime光照优化Shader优化卡的时间长LOD官方CPU、GPU Insights、stat cpu、 ue4 memory report、inter GPA 、RenderDOC、减少模型面数等 资源压缩 
在图片资源上右键选择Size Map可以看到资源所占大小&#xff0c;…...






编程日记
2023/11/17 4:11:15



















dotnet core程序部署到ubuntu




visual studio2022编译好的dotnet core程序&#xff0c;打开“程序包管理器控制台”&#xff0c;打包发布dotnet core,使用命令 dotnet publish -c Release -r ubuntu.22.04-x64打包会生成ubuntu22.04-x64文件夹&#xff0c;将这个文件夹传到ubuntu服务器&#xff0c;切换到ubu…...






编程日记
2023/11/17 4:09:13



















Antv/G2 柱状图添加自定义点击事件




<!DOCTYPE html>
<html><head><meta charset"UTF-8"><title>柱状图点击事件</title></head><body><div id"container" /><script src"https://gw.alipayobjects.com/os/lib/antv/g2/4.2.8/…...






编程日记
2023/11/17 4:08:12



















Python---数据序列中的公共方法




公共方法就是  支持大部分  数据  序列。 
常见公共方法---简单 
运算符描述支持的容器类型合并字符串、列表、元组*     复制字符串、列表、元组in元素是否存在字符串、列表、元组、字典not in元素是否不存在字符串、列表、元组、字典 
案例&#xff1a; 合并 
代码&#xff1…...






编程日记
2023/11/17 4:06:09



















从0开始python学习-33.夹具@pytest.fixture(scope=““,params=““,autouse=““,ids=““,name=““)




目录 
1. 创建夹具 
1.1 pytest方式 
1.2 unittest方式 
2. 使用夹具 
2.1 通过参数引用 
2.2 通过函数引用 
3. 参数详解 
3.1 scope&#xff1a;作用域 
3.2 params-参数化 
3.3 autouseTrue表示自动使用&#xff0c;默认为False 
3.4 ids&#xff1a;设置变量名 3.5 name&am…...






编程日记
2023/11/17 4:04:06



















vue3别名配置（vite）




1、配置别名的优点&#xff1a; 在VUE项目中import导入文件时&#xff0c;可以写相对路径. 2、在vite.config.js中配置 a. 首先引入path 
import path from "path"/*  */ 
b.在resolve添加别名&#xff0c;例如&#xff1a; 
alias:{"~":path.resolve(__di…...






编程日记
2023/11/17 4:03:05



















初学UE5 C++①




目录 游戏类 
三种时间函数类型函数和提示类型 
FName、FString、FText类型相互转化 
数组容器 
键值容器 
集合容器 
基本类型打印 
UPROPERTY宏 
函数 
枚举  
法1 法2 结构体 
其他 
蓝图生成时暴露 游戏类 
1.创建所需项的类 2.创建游戏模式类&#xff0c;在该类上实现所需…...






编程日记
2023/11/17 4:02:03



















ElasticSearch6.8.1 常见错误




1.vm.max_map_count max virtual memory areas vm.max_map_count [65530] is too low, increase to at least [262144] 1.1 修改 /etc/sysctl.conf 
只添加最后vm值即可&#xff0c;sysctl -p /etc/sysctl.conf 
net.ipv4.conf.all.accept_redirects0
net.ipv4.tcp_tw_reuse1
n…...






编程日记
2023/11/17 3:58:59



















wx.canvasToTempFilePath生成图片保存到相册




微信小程序保存当前画布指定区域的内容导出生成指定大小的图片&#xff0c;记录一下 api&#xff1a;wx.canvasToTempFilePath 效果&#xff1a;  代码&#xff1a;wxml <canvas style"width: {{screenWidth}}px; height: {{canvasHeight}}px;" canvas-id"my…...






编程日记
2023/11/17 3:57:57



















HDU1276：士兵队列训练问题 ← STL queue




【题目来源】http://acm.hdu.edu.cn/showproblem.php?pid1276【题目描述】 某部队进行新兵队列训练&#xff0c;将新兵从一开始按顺序依次编号&#xff0c;并排成一行横队&#xff0c;训练的规则如下&#xff1a;从头开始一至二报数&#xff0c;凡报到二的出列&#xff0c;剩下…...






编程日记
2023/11/17 3:56:56



















JS 读取excel文件内容 和 将json数据导出excel文件




一、实现将json数据导出为excel文件 
1、通过原生js实现 
核心方法&#xff1a; 
function JSONToExcelConvertor(JSONData, FileName, title, filter) {if (!JSONData)return;//转化json为objectvar arrData  typeof JSONData ! object ? JSON.parse(JSONData) : JSONData;va…...






编程日记
2023/11/17 3:55:55



















ASP.NET限流器的简单实现




一、滑动时间窗口 
我为RateLimiter定义了如下这个简单的IRateLimiter接口&#xff0c;唯一的无参方法TryAcquire利用返回的布尔值确定当前是否超出设定的速率限制。我只提供的两种基于时间窗口的实现&#xff0c;如下所示的基于“滑动时间窗口”的实现类型SliddingWindowRateL…...






编程日记
2023/11/17 3:54:53



















汇编语言循环左移和循环右移如何实现的，详细的比喻一下




汇编语言中的循环左移&#xff08;ROL&#xff09;和循环右移&#xff08;ROR&#xff09;是两种基本的位操作&#xff0c;通常用于低级编程任务&#xff0c;如加密、解密、数据处理等。我将使用一个详细的比喻来解释这两种操作&#xff0c;以使其更易于理解。 
循环左移&#…...






编程日记
2023/11/17 3:53:52



















ChromeDriver 各版本下载地址




chromedriver 115及115之后版本下载地址&#xff1a;https://googlechromelabs.github.io/chrome-for-testing/ 
chromedriver 115之前版本下载地址&#xff1a;http://chromedriver.storage.googleapis.com/index.html...






编程日记
2023/11/17 3:52:51





















基于算法竞赛的c++编程（28）结构体的进阶应用




结构体的嵌套与复杂数据组织 
在C中&#xff0c;结构体可以嵌套使用&#xff0c;形成更复杂的数据结构。例如&#xff0c;可以通过嵌套结构体描述多层级数据关系&#xff1a; 
struct Address {string city;string street;int zipCode;
};struct Employee {string name;int id;…...






编程新知
2025/11/16 19:06:23



















相机Camera日志实例分析之二：相机Camx【专业模式开启直方图拍照】单帧流程日志详解




【关注我&#xff0c;后续持续新增专题博文&#xff0c;谢谢&#xff01;&#xff01;&#xff01;】 
上一篇我们讲了&#xff1a; 这一篇我们开始讲&#xff1a;  目录 
一、场景操作步骤 
二、日志基础关键字分级如下 
三、场景日志如下&#xff1a; 一、场景操作步骤 操作步…...






编程新知
2026/1/30 10:10:55



















遍历 Map 类型集合的方法汇总




1 方法一 
先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap;
import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap  new HashMap();hashMap.put("语文",99);has…...






编程新知
2026/1/24 15:08:45



















Swift 协议扩展精进之路：解决 CoreData 托管实体子类的类型不匹配问题（下）




概述 
在 Swift 开发语言中&#xff0c;各位秃头小码农们可以充分利用语法本身所带来的便利去劈荆斩棘。我们还可以恣意利用泛型、协议关联类型和协议扩展来进一步简化和优化我们复杂的代码需求。 不过&#xff0c;在涉及到多个子类派生于基类进行多态模拟的场景下&#xff0c;…...






编程新知
2026/1/23 4:56:05



















测试markdown--肇兴




day1&#xff1a; 
1、去程&#xff1a;7:04 --11:32高铁 高铁右转上售票大厅2楼&#xff0c;穿过候车厅下一楼&#xff0c;上大巴车 &#xffe5;10/人 **2、到达&#xff1a;**12点多到达寨子&#xff0c;买门票&#xff0c;美团/抖音&#xff1a;&#xffe5;78人 3、中饭&a…...






编程新知
2025/12/14 11:45:02



















【Go】3、Go语言进阶与依赖管理




前言 本系列文章参考自稀土掘金上的 【字节内部课】公开课&#xff0c;做自我学习总结整理。 Go语言并发编程 Go语言原生支持并发编程&#xff0c;它的核心机制是 Goroutine 协程、Channel 通道&#xff0c;并基于CSP&#xff08;Communicating Sequential Processes&#xff0…...






编程新知
2025/10/7 0:32:40



















C++.OpenGL （10/64）基础光照（Basic Lighting）




基础光照（Basic Lighting） 
冯氏光照模型（Phong Lighting Model） #mermaid-svg-GLdskXwWINxNGHso {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-GLdskXwWINxNGHso .error-icon{fill:#552222;}#mermaid-svg-GLd…...






编程新知
2026/1/20 2:37:04



















Spring Boot+Neo4j知识图谱实战：3步搭建智能关系网络！




一、引言 
在数据驱动的背景下&#xff0c;知识图谱凭借其高效的信息组织能力&#xff0c;正逐步成为各行业应用的关键技术。本文聚焦 Spring Boot与Neo4j图数据库的技术结合&#xff0c;探讨知识图谱开发的实现细节&#xff0c;帮助读者掌握该技术栈在实际项目中的落地方法。 …...






编程新知
2025/9/17 21:39:04



















【无标题】路径问题的革命性重构：基于二维拓扑收缩色动力学模型的零点隧穿理论




路径问题的革命性重构&#xff1a;基于二维拓扑收缩色动力学模型的零点隧穿理论 一、传统路径模型的根本缺陷 在经典正方形路径问题中&#xff08;图1&#xff09;&#xff1a; mermaid graph LR A((A)) --- B((B)) B --- C((C)) C --- D((D)) D --- A A -.- C[无直接路径] B -…...






编程新知
2025/10/21 1:07:59



















并发编程 - go版




1.并发编程基础概念 
进程和线程 A. 进程是程序在操作系统中的一次执行过程&#xff0c;系统进行资源分配和调度的一个独立单位。B. 线程是进程的一个执行实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位。C.一个进程可以创建和撤销多个线程;同一个进程中…...






编程新知
2026/1/31 6:50:52