这两个是 JavaScript 里处理字符串、数组最常用、最核心的方法专门用来做日志解析、数据格式化我用最简单、最实用的方式给你讲清楚直接就能用在日志处理里。一、split() —— 字符串切分把一行日志切成字段作用把一个字符串按照你指定的分隔符切成数组。1. 基本语法字符串.split(分隔符)2. 日志场景示例最常用日志行2025-03-19|INFO|user123|/api/login|20ms用|分割constline2025-03-19|INFO|user123|/api/login|20ms;constarrline.split(|);// 结果[2025-03-19, INFO, user123, /api/login, 20ms]3. 常用分隔符split(|)按竖线切split(,)按逗号切CSVsplit( )按空格切split(:)按冒号切4. 直接解构取值日志解析神器const[time,level,userId,api,cost]line.split(|);一行就把日志字段全部拆出来二、map() —— 数组遍历加工批量处理日志作用遍历数组里的每一项加工/转换后返回一个新数组。1. 基本语法数组.map(function(每项){return新值})2. 最简单示例constarr[1,2,3];constnewArrarr.map(itemitem*2);// [2,4,6]3. 日志处理最常用格式化字段constline2025-03-19|INFO|user123|100;constarrline.split(|);// 把最后一个耗时字符串转成数字constresultarr.map((item,index){if(index3)returnNumber(item);returnitem;});// 结果[2025-03-19, INFO, user123, 100]4. 组合成对象日志最终格式const[time,level,userId,cost]arr;constlog{time,level,userId,cost:Number(cost)};三、split map 组合实战日志解析标准写法constline2025-03-19|ERROR|user456|500;// 1. split 切分constarrline.split(|);// 2. map 格式化const[time,level,userId,code]arr.map((val,i){returni3?Number(val):val;});// 3. 生成结构化日志constlog{time,level,userId,code};最终结果{time:2025-03-19,level:ERROR,userId:user456,code:500// 数字类型}四、超简记忆口诀split字符串 → 数组切map数组 → 新数组改日志处理 split 切分 map 格式化总结split按符号把字符串切成数组用于拆分行日志map遍历数组并修改每一项用于字段类型转换两个一起用就是 JavaScript 处理日志的标准组合需要我给你写一个可直接运行的完整日志解析小工具吗
Javascript提高:Split以及map的使用方法
这两个是 JavaScript 里处理字符串、数组最常用、最核心的方法专门用来做日志解析、数据格式化我用最简单、最实用的方式给你讲清楚直接就能用在日志处理里。一、split() —— 字符串切分把一行日志切成字段作用把一个字符串按照你指定的分隔符切成数组。1. 基本语法字符串.split(分隔符)2. 日志场景示例最常用日志行2025-03-19|INFO|user123|/api/login|20ms用|分割constline2025-03-19|INFO|user123|/api/login|20ms;constarrline.split(|);// 结果[2025-03-19, INFO, user123, /api/login, 20ms]3. 常用分隔符split(|)按竖线切split(,)按逗号切CSVsplit( )按空格切split(:)按冒号切4. 直接解构取值日志解析神器const[time,level,userId,api,cost]line.split(|);一行就把日志字段全部拆出来二、map() —— 数组遍历加工批量处理日志作用遍历数组里的每一项加工/转换后返回一个新数组。1. 基本语法数组.map(function(每项){return新值})2. 最简单示例constarr[1,2,3];constnewArrarr.map(itemitem*2);// [2,4,6]3. 日志处理最常用格式化字段constline2025-03-19|INFO|user123|100;constarrline.split(|);// 把最后一个耗时字符串转成数字constresultarr.map((item,index){if(index3)returnNumber(item);returnitem;});// 结果[2025-03-19, INFO, user123, 100]4. 组合成对象日志最终格式const[time,level,userId,cost]arr;constlog{time,level,userId,cost:Number(cost)};三、split map 组合实战日志解析标准写法constline2025-03-19|ERROR|user456|500;// 1. split 切分constarrline.split(|);// 2. map 格式化const[time,level,userId,code]arr.map((val,i){returni3?Number(val):val;});// 3. 生成结构化日志constlog{time,level,userId,code};最终结果{time:2025-03-19,level:ERROR,userId:user456,code:500// 数字类型}四、超简记忆口诀split字符串 → 数组切map数组 → 新数组改日志处理 split 切分 map 格式化总结split按符号把字符串切成数组用于拆分行日志map遍历数组并修改每一项用于字段类型转换两个一起用就是 JavaScript 处理日志的标准组合需要我给你写一个可直接运行的完整日志解析小工具吗