【问题标题】:How can I convert a comma-separated string to an array?是否有内置方法可以将逗号分隔的字符串转换为数组?
【发布时间】:2011-02-20 22:27:05
【问题描述】:

我有一个逗号分隔的字符串,我想将它转换成一个数组,所以我可以循环遍历它。

比如我有这个字符串

var str = "January,February,March,April,May,June,July,August,September,October,November,December";

现在我想用逗号分割它,然后将它存储在一个数组中。

有什么内置功能可以做到这一点吗?

当然,我可以编写一个自定义函数来执行此操作。或者甚至更好地导入已经编写并经过良好测试的many existing libraries 之一以处理逗号分隔值,例如jquery-csv。但是有没有内置的东西

【问题讨论】:

  • 只是想评论一下,这不需要 jquery 这是 javascript 本身的一部分。
  • 关于重复:这比引用的问题早了 18 个月。如果有的话,另一个不仅是骗子,而且由于正则表达式的要求,为一个非常简单的问题提供了极其复杂的解决方案
  • 简单。 string.split(',');
  • 不知道为什么这被标记为“过于本地化”。字符串拆分出现了很多很多,并且通常适用于互联网的全球受众(事实证明,我的回答仍然以某种方式定期获得支持)。我怀疑其他 4 个人会出现并重新打开它,但是,仍然。很奇怪。

标签: javascript string csv split


【解决方案1】:
var array = string.split(',');

MDN reference,对limit 参数可能出现的意外行为很有帮助。 (提示:"a,b,c".split(",", 2) 出现在 ["a", "b"],而不是 ["a", "b,c"]。)

【讨论】:

  • 简短而甜蜜,很高兴看到 JavaScript string 具有 Java String 的一些丰富性。
  • 支持所有类型字符串的最佳实践。见这里stackoverflow.com/a/32657055/2632619
  • 如果您确定array 中有元素,split 可以正常工作,但如果您期望来自服务器/数据库的数据,您将遇到麻烦,因为''.split(',') 有一个@ 987654333@即:''.split(',') === ['']
  • @MichaelShopsin 和所有,拆分功能不适用于 IE11,因为它说 Unable to get property 'Split' of undefined or null reference。
  • @DLV 这听起来像是一个新问题,也许你应该在查看 StackOverflow 上已经存在的 IE 问题之后再问。
【解决方案2】:

注意您是否针对整数,例如 1,2,3,4,5。如果您打算在拆分字符串后将数组的元素用作整数而不是字符串,请考虑将它们转换为整数。

var str = "1,2,3,4,5,6";
var temp = new Array();
// This will return an array with strings "1", "2", etc.
temp = str.split(",");

像这样添加一个循环,

for (a in temp ) {
    temp[a] = parseInt(temp[a], 10); // Explicitly include base as per Álvaro's comment
}

将返回一个包含整数的数组,而不是字符串。

【讨论】:

  • 请注意,除非您明确设置,否则 parseInt() 会尝试猜测基数,这在处理前导零时可能会导致意外结果 ("001,002,003...")。比较 parseInt('010')parseInt('010', 10)
  • 如果可以的话,我会更多地支持 Alvaro 的评论。我不久前就学到了这一课,并且永远不会忘记它。
  • +1 这个例子比较清楚,说明字符串不是静态对象,实际上是字符串的变量。
  • map函数可以在一行内完成整数解析:str.split(',').map(parseInt)
  • 这不是最有效的解决方案。根据我在 Chrome 49 下的实验。 JSON.parse('[' + str + ']') 比这个解决方案快 40%。
【解决方案3】:

嗯,拆分是危险的恕我直言,因为字符串总是可以包含逗号。请注意以下几点:

var myArr = "a,b,c,d,e,f,g,','";
result = myArr.split(',');

那么你会如何解释呢?你想要结果是什么?一个数组:

['a', 'b', 'c', 'd', 'e', 'f', 'g', '\'', '\''] or
['a', 'b', 'c', 'd', 'e', 'f', 'g', ',']

即使省略逗号,也会有问题。

我很快就整理好了:

(function($) {
    $.extend({
        splitAttrString: function(theStr) {
            var attrs = [];

            var RefString = function(s) {
                this.value = s;
            };
            RefString.prototype.toString = function() {
                return this.value;
            };
            RefString.prototype.charAt = String.prototype.charAt;
            var data = new RefString(theStr);

            var getBlock = function(endChr, restString) {
                var block = '';
                var currChr = '';
                while ((currChr != endChr) && (restString.value !== '')) {
                    if (/'|"/.test(currChr)) {
                        block = $.trim(block) + getBlock(currChr, restString);
                    }
                    else if (/\{/.test(currChr)) {
                        block = $.trim(block) + getBlock('}', restString);
                    }
                    else if (/\[/.test(currChr)) {
                        block = $.trim(block) + getBlock(']', restString);
                    }
                    else {
                        block += currChr;
                    }
                    currChr = restString.charAt(0);
                    restString.value = restString.value.slice(1);
                }
                return $.trim(block);
            };

            do {
                var attr = getBlock(',', data);
                attrs.push(attr);
            }
            while (data.value !== '')
                ;
            return attrs;
        }
    });
})(jQuery);

【讨论】:

  • 这也适用于数字,我们不必为它们运行单独的 parseInt 循环,如下面的另一个答案中所述。这是真正深刻的思考。非常感谢,我认为最好的答案!
  • 你的代码很有用,但是你没有回答这个问题:“有什么内置的东西可以做到这一点吗?” 当然我们可以写一个自定义函数为你做到了,或者甚至更好地导入已经编写并经过良好测试的许多现有库之一(例如jquery-csv)。但是有什么内置的吗?
【解决方案4】:

split() 方法用于将字符串拆分为子字符串数组,并返回新的数组。

var array = string.split(',');

【讨论】:

  • 结果会是什么?例如,如果我有 var a = "hello,world,baby";和 var array = a.split(','); --> 我的数组会像这样:array = ["hello","world","baby"]; ??
  • 是的,没错。结果数组就像你提到的那样。
  • 您的答案对我有用,但是我的新阵列并没有取代旧阵列。你能帮助我吗? var sampleTags = ['vinita@itsabacus.com']; console.log(sampleTags); $("#order_id").on("change", function() { var order_id = document.getElementById('order_id').value; $.ajax({url: "model/getUserMailIds.php",data:{order_id:order_id},type:'POST', success: function(result){ alert(result); var sampleTags = result.split(',');; console.log(sampleTags); }}); });
【解决方案5】:

请注意以下几点:

var a = "";
var x = new Array();
x = a.split(",");
alert(x.length);

将提醒 1

【讨论】:

    【解决方案6】:

    将逗号分隔的字符串传递给该函数,它将返回一个数组,如果找不到逗号分隔的字符串,则返回null。

    function splitTheString(CommaSepStr) {
        var ResultArray = null;
    
        // Check if the string is null or so.
        if (CommaSepStr!= null) {
    
            var SplitChars = ',';
    
            // Check if the string has comma of not will go to else
            if (CommaSepStr.indexOf(SplitChars) >= 0) {
                ResultArray = CommaSepStr.split(SplitChars);
    
            }
            else {
    
                // The string has only one value, and we can also check
                // the length of the string or time and cross-check too.
                ResultArray = [CommaSepStr];
            }
        }
        return ResultArray;
    }
    

    【讨论】:

    • 不要只发布一段代码,请解释为什么这段代码可以解决所提出的问题。没有解释,这不是答案。
    • 如果您不确定字符串是否包含拆分值,这是最正确的解决方案。如果字符串没有逗号,此函数将防止 split 方法出错(如上例所示)。
    • 注意:以大写字母开头的函数在大多数情况下都是为调用而设计的。最好在不被设计为被调用的函数上使用小写字母。
    • 当我只有一个没有逗号的值时,这对我来说失败了。在第二个if之后添加else { ResultArray = [CommaSepStr]; }
    【解决方案7】:

    这是一个将字符串转换为数组的函数,即使列表中只有一项(无分隔符):

    function listToAray(fullString, separator) {
      var fullArray = [];
    
      if (fullString !== undefined) {
        if (fullString.indexOf(separator) == -1) {
          fullArray.push(fullString);
        } else {
          fullArray = fullString.split(separator);
        }
      }
    
      return fullArray;
    }
    

    像这样使用它:

    var myString = 'alpha,bravo,charlie,delta';
    var myArray = listToArray(myString, ',');
    myArray[2]; // charlie
    
    var yourString = 'echo';
    var yourArray = listToArray(yourString, ',');
    yourArray[0]; // echo
    

    我创建这个函数是因为split 如果字符串中没有任何分隔符(只有一项)会抛出错误。

    【讨论】:

    • 如果没有找到分隔符则不会抛出错误:'echo'.split(',') 返回['echo']''.split(',') 返回['']。如果在x 不是字符串(包括xundefinednull 时调用x.split(','),您 收到错误),因为没有可用于其他类型的split 函数。
    • 啊,当我编写 listToArray 函数时,我发现我实际上是在尝试将 split 用于未定义的对象。感谢您指出这一点...
    【解决方案8】:
    let str = "January,February,March,April,May,June,July,August,September,October,November,December"
    
    let arr = str.split(',');
    

    结果:

    ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
    

    如果您想将以下内容转换为:

    ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
    

    这个:

    "January,February,March,April,May,June,July,August,September,October,November,December";
    

    使用:

    str = arr.join(',')
    

    【讨论】:

      【解决方案9】:

      返回函数

      var array = (new Function("return [" + str+ "];")());
      

      它接受字符串和对象字符串:

      var string = "0,1";
      
      var objectstring = '{Name:"Tshirt", CatGroupName:"Clothes", Gender:"male-female"}, {Name:"Dress", CatGroupName:"Clothes", Gender:"female"}, {Name:"Belt", CatGroupName:"Leather", Gender:"child"}';
      
      var stringArray = (new Function("return [" + string+ "];")());
      
      var objectStringArray = (new Function("return [" + objectstring+ "];")());
      

      JSFiddle https://jsfiddle.net/7ne9L4Lj/1/

      【讨论】:

      • 文本字符串有错误 - SyntaxError: Unexpected identifier number strings are ok.例如。 var stringtext = "String, text, I, am"; var stringtextArray = (new Function("return [" + string text + "];")()); 结果是:SyntaxError: Unexpected identifier
      【解决方案10】:

      升级str.split(',')

      简单的str.split(',') 没有太多的聪明之处。以下是针对不同需求的一些升级。您可以根据自己的喜好自定义功能。

      const str = "a, b,c,  d  ,e  ,f,,g"
      const num = "1, 2,3,  4  ,5  ,6,,7.495"
      const mix = "a, 2,3,  d  ,5  ,f,,7.495,g"
      
      console.log(    str.split(',')
      ) // spaces NOT trimmed, empty values included
        // ["a", " b", "c", "  d  ", "e  ", "f", "", "g"] 
      
      console.log(    str.split(/[ ,]+/)
      ) // spaces trimmed, empty values skipped
        // ["a", "b", "c", "d", "e", "f", "g"] 
      
      console.log(    str.split(/\s*,\s*/)
      ) // spaces trimmed, empty values NOT skipped
        // ["a", "b", "c", "d", "e", "f", "", "g"]
      
      console.log(    num.split(',').map(Number)
      ) // numbers, empty values default to zero
        // [1, 2, 3, 4, 5, 6, 0, 7.495] 
      
      console.log(    num.split(/[ ,]+/).map(Number)
      ) // numbers, skips empty values
        // [1, 2, 3, 4, 5, 6, 7.495]
      
      console.log(    mix.split(/\s*,\s*/)
                      .map(x => (x === '') ? '' : (isNaN(Number(x)) ? x : Number(x)) )
      ) // mixed values, empty values included
        // ["a", 2, 3, "d", 5, "f", "", 7.495, "g"]

      使用JSON.parse

      它可能感觉有点像 hack,但它很简单,并且被大多数 Javascript 引擎高度优化。

      它还有其他一些优点,例如支持嵌套列表。但也有缺点,例如要求输入格式正确的 JSON。

      通过使用string.replace 类似于我上面使用string.split 的方式,您可以修复输入。在下面的前两个示例中,我自定义了我希望如何处理空值:

      const num = "1, 2,3,  4  ,5  ,6,,7.495"
      const mix = "a, 2,3,  d  ,5  ,f,7.495,g"
      
      console.log(    JSON.parse('['+num.replace(/,\s*,/,',0,')+']')
      ) // numbers, empty values default to zero
        // [1, 2, 3, 4, 5, 6, 0, 7.495]
      
      console.log(    JSON.parse('['+num.replace(/,\s*,/,',')+']')
      ) // numbers, skips empty values
        // [1, 2, 3, 4, 5, 6, 7.495]
      
      console.log(    JSON.parse('['+mix.replace(/(^|,)\s*([^,]*[^0-9, ][^,]*?)\s*(?=,|$)/g,'$1"$2"')+']') 
      ) // mixed values, will ERROR on empty values
        // ["a", 2, 3, "d", 5, "f", "7.495", "g"]  

      【讨论】:

      • 在这里添加我的两美分......这很棒,我喜欢这些例子。干得好。
      【解决方案11】:

      我有一个类似的问题,但更复杂,因为我需要将一个 CSV 文件转换为一个数组数组(每一行是一个数组元素,里面有一个由逗号分隔的项目数组)。

      最简单的解决方案(我敢打赌也更安全)是使用PapaParse,它有一个“无标题”选项,可将 CSV 文件转换为数组数组,此外,它会自动检测到“,”作为我的分隔符。

      另外,它是在Bower注册的,所以我只需要:

      bower install papa-parse --save
      

      然后在我的代码中使用如下:

      var arrayOfArrays = Papa.parse(csvStringWithEnters), {header:false}).data;
      

      我真的很喜欢它。

      【讨论】:

        【解决方案12】:

        一个很好的解决方案:

        let obj = ['A','B','C']
        
        obj.map((c) => { return c. }).join(', ')
        

        【讨论】:

          【解决方案13】:

          最短

          str.split`,`
          

          var str = "January,February,March,April,May,June,July,August,September,October,November,December";
          
          let arr = str.split`,`;
          
          console.log(arr);

          【讨论】:

          • 文字反引号是怎么回事?解释是什么?
          • 这里有一些关于template literals的信息
          【解决方案14】:

          你可以试试下面的sn-p:

           var str = "How,are,you,doing,today?";
              var res = str.split(",");
              console.log("My Result:", res)
          

          【讨论】:

            【解决方案15】:

            我制作了一个将字符串转换为数组的php脚本,你可以在浏览器中运行它,很简单

            <form method="POST">
                <div>
                    <label>String</label> <br>
                    <input name="string" type="text">
                </div>
                <div style="margin-top: 1rem;">
                    <button>konvert</button>
                </div>
            </form>
            
            <?php
            
            $string = @$_POST['string'];
            
            if ($string) {
                $result = json_encode(explode(",",$string));
                echo " '$result' <br>";
            }
            ?>
            

            【讨论】:

              【解决方案16】:

              如果用户通过添加额外的空格来输入错误。你可以使用这样的东西。

              tags: foo,  zar, gar
              
              const stringToArr = (string) => {
                return string.trim.split(",");
              };
              

              【讨论】:

                【解决方案17】:

                正如@oportocala 提到的,空字符串不会导致预期的空数组。

                所以要反击,做:

                str
                .split(',')
                .map(entry => entry.trim())
                .filter(entry => entry)
                

                对于预期整数数组,请执行以下操作:

                str
                .split(',')
                .map(entry => parseInt(entry))
                .filter(entry => typeof entry ==='number')
                

                【讨论】:

                  【解决方案18】:
                  let myString = "January,February,March,April,May,June,July,August,September,October,November,December";
                        const temp=myString .split(",");
                        console.log(temp);
                  

                  输出:- [“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]

                  非常简单,您可以为此使用 split 默认的 javascript 函数。

                  【讨论】:

                    【解决方案19】:

                    对于字符串数组以逗号分隔的字符串:

                    let months = ["January","Feb"];
                    let monthsString = months.join(", ");
                    

                    【讨论】:

                    • 这与他们要求的相反
                    • @camille 我知道你读过我说的“将字符串数组转换为逗号分隔的字符串”
                    • 是的,我确实阅读了您的答案文本,但我也阅读了问题的文本。您提供的是对他们正在尝试做的相反操作的答案。对于加入数组的问题,这将是一个很好的答案,但这不是这个问题的意义
                    • 我知道那个人只是为其他人寻找相反的东西?
                    猜你喜欢
                    • 2021-12-18
                    • 1970-01-01
                    • 1970-01-01
                    • 2021-12-06
                    • 1970-01-01
                    • 2011-06-12
                    • 2017-09-09
                    相关资源
                    最近更新 更多