JSON数据解析

Question

$scope.partsLinesTest = data[0].instock; // this is getting the JSOn data 
from my http request

for(var i=0; $scope.partsLinesTest.length > 0; i++) {
 //$scope.partsLinesTest =  $scope.partsLinesTest[0].instock;
console.log($scope.partsLinesTest.replace(/['{[\]}']/g,''))
var str = $scope.partsLinesTest;
$scope.partsLinesStock = str.replace(/['{[\]}']/g,'');
}

Json 数据的格式如下，我的问题是 instock 由于额外的常规括号和花括号，这就是我认为使用 RegEX 可以解决问题的原因，但是我似乎无法正确遍历数据和将其发布回视图中，我也在使用 Angular

var test = [
  {
      "id": 1,
      "title": "This is a document",
      "desc": "PO",
      "date": "2017-01-15",
      "instock": "[{'branch': 'Edmonton', 'quantity': 2}]"
  }

Answer 1

一个可行的临时解决方案（不，更好，一个临时workaround）是使用Javascript的eval()函数（你应该永远不要在生产系统上这样做，因为它会带来安全漏洞！）：

var test = [
  {
      "id": 1,
      "title": "This is a document",
      "desc": "PO",
      "date": "2017-01-15",
      "instock": "[{'branch': 'Edmonton', 'quantity': 2}]"
  }]
  
console.log(eval(test[0].instock))
console.log(Array.isArray(eval(test[0].instock)))

正如@Quentin 指出的那样，正确的解决方案是让服务器发出格式正确的 JSON（这需要将单引号 ' 替换为转义的双引号 \"）。

请阅读为什么强烈反对使用eval()：Why is using the JavaScript eval function a bad idea?

Answer 2

如果它是 JSON 风格的，你知道它将有 , 和 : 划分键和值。我会首先清除所有其他字符并将其拆分为：

var jsonString = "[{'branch': 'Edmonton', 'quantity': 2}]"
var cleaned = jsonString.replace(/[^a-zA-Z0-9:,]/g,'')
  //"branch:Edmonton,quantity:2"

var splitIntoKeyVal = cleaned.split(',').map(function(row){ return row.split(':')})
  //[["branch","Edmonton"],["quantity],2]]
var json = {}

splitIntoKeyVal.forEach(function(row){
  json[row[0]] = row[1]
})

如果您认为您的值可能包含 : 或 ,，您可能需要做一些其他的正则表达式技巧。

Answer 3

为了获得数量，您必须解析data.instock json。

var data = {
     "id": 1,
     "title": "This is a document",
     "desc": "PO",
     "date": "2017-01-15",
     "instock": '[{"branch": "Edmonton", "quantity": 2}]'
};

    
var stock = JSON.parse(data.instock);

console.log(stock[0].quantity); 
//$scope.partsLinesStock = stock[0].quantity;