JS正则：按中英文逗号中英文分号回车空格分隔/切割字符串

最新推荐文章于 2023-08-29 08:00:00 发布

转载最新推荐文章于 2023-08-29 08:00:00 发布 · 6.4k 阅读

文章标签：

#js切割字符串

前端专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了在前端开发中如何有效分割字符串，包括基础的分隔方法、去除空值的改进方案，以及支持多种分隔符（如中文逗号、分号等）的终极方法。

在前端开发中经常碰到需要分隔字符串的问题，记录下来供大家参考。

一、分隔

$(document).ready(function(){

   function foo(str){
//以回车，空格，英文逗号为分隔符，分割字符串，分割结果得到一个数组
   var temp = str.split(/[\n\s+,]/g);

   console.log(temp);
   }

   foo("123, \na a,中国,,,,\n\n\n\n\n1");

});
测试结果：

["123", "", "", "", "a", "", "a", "中国", "", "", "", "", "", "", "", "", "1"]

分割后的数组中包含了很多空值，我们把它去掉，所以方法改进如下：

二、改进方法，去掉字符串分割后得到的字符串数组中的空值

$(document).ready(function() {

   function foo(str) {
       var temp = str.split(/[\n\s+,]/g);
       console.log(temp);
   }

//改进方法1
   function foo2(str) {
       var temp = str.split(/[\n\s+,]/g);
       for (var i = 0; i < temp.length; i++) {
           if (temp[i] == "") {
           //函数splice(para1,para2):删除数组中任意数量的项，从para1开始的para2个。
// 删除数组中空值
               temp.splice(i, 1);
               i--;
           }
       }
       console.log(temp);
   }

   foo("123, \na a,中国,,,,\n\n\n\n\n1");
   foo2("123, \na a,中国,,,,\n\n\n\n\n1");

});
测试结果：

foo: ["123", "", "", "", "a", "", "a", "中国", "", "", "", "", "", "", "", "", "1"]

foo2: ["123", "a", "a", "中国", "1"]

三、终极方法，增加对中文逗号，中英文文分号的支持

$(document).ready(function() {

   function foo(str) {
       var temp = str.split(/[\n\s+,]/g);
       console.log(temp);
   }

   function foo2(str) {
       var temp = str.split(/[\n\s+,]/g);
       for (var i = 0; i < temp.length; i++) {
           if (temp[i] == "") {
           //splice( para1,para2 ) : 删除数组中任意数量的项，从para1开始的para2项。
               // 删除数组中空值
               temp.splice(i, 1);

               i--;
           }
       }
       console.log(temp);
   }

   function foo3(str) {
       var temp = str.split(/[\n\s+,，；;]/g);
       for (var i = 0; i < temp.length; i++) {
           if (temp[i] == "") {
               // 删除数组中空值
               temp.splice(i, 1);
               i--;
           }
       }
       console.log(temp);
   }

   foo("123, \na a,中国,,,,\n\n\n\n\n1");
   foo2("123, \na a,中国,,,,\n\n\n\n\n1");
   foo3("123， \na a,中国,,广州；大学,,,广东；工业，大学\n\n\n\n\n1");

});
测试结果：

所以下面这方法，大家可以直接使用在项目中：

$(document).ready(function() {

   function foo3(str) {
       var temp = str.split(/[\n\s+,，；;]/g);
       for (var i = 0; i < temp.length; i++) {
           if (temp[i] == "") {
               // 删除数组中空值
               temp.splice(i, 1);
               i--;
           }
       }
       console.log(temp);
   }
   foo3("123， \na a,中国,,广州；大学,,,广东；工业，大学\n\n\n\n\n1");
});

作者：chunlynn
来源：优快云
原文：https://blog.youkuaiyun.com/chenchunlin526/article/details/85244061