如何使用JavaScript

Question

改變以下格式JSON格式我想這個數據格式轉換：

"color;blue:36 ,red:27"

以下JSON格式：

{ 
    "Record": [ 
    { 
     "type": "color", 
     "data": "blue", 
     "total": "36" 
    }, 
    { 
     "type": "color", 
     "data": "red", 
     "total": "27" 
    } 
    ] 
} 

Answer 1

很難理解給定輸入確切的問題，但應該足夠了：

var input = "color;blue:36 ,red:27"; 
 

 
    // Reassignment is bad, but will shorten the example 
 
    input = input.split(";"); 
 

 
    var attributeName = input[0]; 
 

 
    // No length validations, also bad 
 
    var attributes = input[1].split(","); 
 

 
    var results = {"Record": attributes.map(function(a) { 
 
     a = a.split(":"); 
 
     return {"type":attributeName, 
 
      "data":a[0].trim(), 
 
      "total": a[1].trim()} 
 
    })}; 
 

 
    console.log(results)

Answer 2

這個建議首先分割字符串用分號獲得type和數據，用' ,'分隔。然後用冒號分隔data和total。

var data = 'color;blue:36 ,red:27', 
 
    parts = data.split(';'), 
 
    object = { 
 
     Record: parts[1].split(' ,').map(function (a) { 
 
      var p = a.split(':'); 
 
      return { type: parts[0], data: p[0], total: p[1] }; 
 
     }) 
 
    }; 
 

 
console.log(object);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

這裏是我會做它

var dataFormat = "color;blue:36 ,red:27" 
 
var splitFormat = dataFormat.split(";"); 
 
var type = splitFormat[0]; 
 
var colors = splitFormat[1].split(","); 
 
var results = []; 
 
_.each(colors, function(color) { 
 
console.log(color) 
 
    var obj = { 
 
    "type": type, 
 
    "data": color.split(":")[0], 
 
    "total":color.split(":")[1] 
 
    } 
 
    results.push(obj); 
 
}); 
 
var final = { 
 
    "Result": results 
 
}; 
 
$("#result").html(JSON.stringify(final));

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