如何将一串逗号分隔值转换为数据数组？

Question

我正在使用 Charts.js，我想知道如何将一串逗号分隔值转换为数据数组。

有一个响应数据，它会返回（我已经编码了格式）：

100.00
65.89
244.47
244.46
314.99
320.30
314.99
319.63

然后我在 AJAX 响应（使用 jQuery）之后将此数据保存为 var：

var dataComissions;
$.each(data.orders, function(i, item) {
    var dataComissions = data.orders[i].commission;     
});

这个数据每个值都有换行符，我需要这样的例外结果作为一个带逗号的字符串：

100.00, 65.89, 244.47, 244.46, 314.99, 320.30, 314.99, 319.63

编辑：这些我没有看的答案，因为我无法得到一个带有分隔值的 var，我需要对其进行转换。

这是我得到的 console.log

我需要将此响应数据转换成这样的 var：

320.30, 100.00, 65.89, 65.89, 65.89, 244.47, 244.46 ...

编辑 2： 请求数据用于：

$.getJSON( "orders/list", function( data, status ) {

        }).done(function(data) {
           $.each(data.orders, function(i, item) {
           console.warn(data.orders[i].commission); //This is from screenshot
           var dataComissions = data.orders[i].commission;  
});

@维加

var commisions = [];    
$.getJSON( "phrapi/orders/list", function( data, status ) {


        }).done(function(data) {
//    console.warn(data.orders[0].created_at);


var commisions = [];
$.each(data.orders, function(i, item) {
  commisions.push(item.commision);
});

console.log(commisions.join(', '));
});   

控制台结果：

Answer 1

使用String.split()根据分隔符进行分割，所以

var string_of_values = '100.00, 65.89, 244.47, 244.46, 314.99, 320.30, 314.99, 319.63';

var arr = string_of_values.split(', '); // this says, "split my string into an array, dividing each element by ', '. Note the whitespace is included here.

console.log(arr); // outputs: ["100.00", "65.89", "244.47", "244.46", "314.99", "320.30", "314.99", "319.63"]

http://jsbin.com/rebirigeyu/edit?html,js,console

编辑

根据您的编辑，执行以下操作：

var dataComissions = ''; // stores the result of concat
$.getJSON( "orders/list", function( data, status ) {

        }).done(function(data) {
           $.each(data.orders, function(i, item) {
           if (data.orders[i].commission) { 
               dataComissions += data.orders[i].commission+', ';   // add to our store
            }
});
console.warn(dataComissions); //This is from screenshot

问题是您每次都重新设置dataComissions，而不是附加您的值。

if() 块在设置之前确保commission 中有一个值。这可以防止出现未定义的值。

Answer 2

即兴使用数组。在数组中维护将增加以后根据需要进行修改的灵活性。

//your ajax respose ignoring the other fields
var data = {orders: [{commision: 320.30}, {commision: 100.00}, {commision: 65.89}, {commision: 65.89}, {commision: 65.89}, {commision: 244.47}, {commision: 244.46}]};

var commisions = [];
$.each(data.orders, function(i, item) {
  commisions.push(item.commision);
});
//use commisions.join(', ') to join the array to a single string seperated by a comma and a space

document.getElementById('result').innerHTML = commisions.join(', ');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="result"></div>

基于您的第二次编辑：根据输入数据重新格式化。您可能需要将其设置为循环外的字符串对象。

//your ajax respose ignoring the other fields
var data = {orders: [{commision: 320.30}, {commision: 100.00}, {commision: 65.89}, {commision: 65.89}, {commision: 65.89}, {commision: 244.47}, {commision: 244.46}]};

var resultString = '';
$.each(data.orders, function(i, item) {
  resultString += item.commision + ((i == (data.orders.length - 1))? "":", ");
});

document.getElementById('result1').innerHTML = resultString;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="result1"></div>

如果我正确理解了您编辑的帖子：您可以使用.replace 将响应字符串中的换行符替换为“，”（逗号和空格），如下所示，

var stringWithLineBreaks = document.getElementById("ajaxResponse").value;
var formattedString = stringWithLineBreaks.replace(/\n/g, ", ");
console.log(formattedString);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="ajaxResponse">100.00
65.89
244.47
244.46
314.99
320.30
314.99
319.63</textarea>

Answer 3

使用字符串方法split。

例如你有一个字符串。

    let string = "split,a,string";
    let arrayOfStrings = string.split(',');

arrayOfStrings 将是 ["split", "a", "string"]。