如何將逗號分隔的字符串轉換為數組？

Question

我有一個以逗號分隔的字符串，我想將其轉換為一個數組，以便循環遍歷它。

有什么內置的東西可以做到這一點嗎？

例如，我有這個字符串

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

現在我想用逗號分隔它，然后將它存儲在一個數組中。

Answer 1

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

MDN 參考，對limit參數可能出現的意外行為很有幫助。 （提示： "a,b,c".split(",", 2)出現在["a", "b"]中，而不是["a", "b,c"]中。）

Answer 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
}

將返回一個包含整數的數組，而不是字符串。

Answer 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);

Answer 4

split() 方法用於將字符串拆分為子字符串數組，並返回新數組。

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

Answer 5

請注意以下事項：

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

會提醒 1

Answer 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;
}

Answer 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會拋出一個錯誤。

Answer 8

升級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.split的string.replace ，您可以修復輸入。 在下面的前兩個示例中，我自定義了如何處理空值：

 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"]

Answer 9

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(',')

Answer 10

返回函數

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/

Answer 11

我有一個類似的問題，但更復雜，因為我需要將 CSV 文件轉換為數組數組（每一行是一個數組元素，里面有一個由逗號分隔的項目數組）。

最簡單的解決方案（我敢打賭也更安全）是使用PapaParse ，它有一個“無標題”選項，可將 CSV 文件轉換為數組數組，此外，它會自動檢測到“，”作為我的分隔符。

另外，它是在Bower注冊的，所以我只需要：

bower install papa-parse --save

然后在我的代碼中使用它，如下所示：

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

我真的很喜歡它。

Answer 12

一個很好的解決方案：

let obj = ['A','B','C']

obj.map((c) => { return c. }).join(', ')

Answer 13

最短的

str.split`,`

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

Answer 14

您可以嘗試以下代碼段：

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

Answer 15

正如@oportocala 提到的，空字符串不會導致預期的空數組。

因此，要反擊，請執行以下操作：

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

對於預期整數數組，請執行以下操作：

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

Answer 16

我制作了將字符串轉換為數組的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>";
}
?>

Answer 17

let myString = "January,February,March,April,May,June,July,August,September,October,November,December";
      const temp=myString .split(",");
      console.log(temp);

輸出：- [“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月” "]

非常簡單，您可以為此使用拆分默認 javascript 函數。

Answer 18

如果用戶通過添加額外的空格來打錯字。 你可以使用這樣的東西。

tags: foo,  zar, gar

const stringToArr = (string) => {
  return string.trim.split(",");
};

Answer 19

最簡單的方法：

let myStr = '1, 2, 3, 4, 5, 7, 8';

const stringToArr = (myStr) => {
    return myStr.split(',').map(x => x.trim());
};

Answer 20

var str = "一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月";

var temp =str.split(",") console.log(temp);

和 output 將是

[ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ]

Answer 21

對於以逗號分隔的字符串的字符串數組：

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