js获取指定字符前后字符串的简单实例，js截取字符串；

最新推荐文章于 2023-07-17 00:30:00 发布

原创最新推荐文章于 2023-07-17 00:30:00 发布 · 1.4w 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文介绍了一种从前端接收到的特定格式字符串中解析出ID和颜色码的方法。通过使用JavaScript进行字符串的分割、循环及替换操作，实现了从原始数据中提取关键信息的目标。

在前端项目开发当中，我们常常会遇到后台为了维护数据库节后返回各种形式的字符串，我们需要根据需求拆分、替换、放到循环数组里面，下面就是一个简单的示例；如果有更简单的方法同行的小伙伴们要给我留言哦！

后台返回的字段数据是一个字符串：号前边的是id：号后边的是颜色码，所以现在我们就开始拆吧：

sTemplateBrother:"[1:24323F],[101:682C2B],[102:111111],[103:5D8EC9],[104:669046],[105:AAAAAA],[106:964609],[107:205364],"

首先定义变量、数组接收：

var sTemplateBrother = [],bgColor = [],tempId = [];

var sTemplateStyleList = data.sTemplateBrother.split(",")//--首先用逗号分割，返回一个数组
for(var i = 0; i < sTemplateStyleList.length; i++) {   //--循环数组把[]替换掉--
   sTemplateBrother.push( sTemplateStyleList[i].replace("[","").replace("]",""));
};
for (var i = 0; i < sTemplateBrother.length-1; i++) {
   bgColor.push(sTemplateBrother[i].split(":")[0]);  //-----取冒号前边的值添加到数组
   tempId.push(sTemplateBrother[i].split(":")[1]);   //-----取冒号后边的值添加到数组
}