将 Json 数组键值转换为 js 数组

Question

$AllSorts = array();$AllSorts[] = array('type'=>'العدد الكلي','num'=>$allSize);$AllSorts[] = array('type'=>'عدد الطلاب','num'=>$studentSize);$AllSorts[] = array('type'=>'عدد الأساتذة','num'=>$tchSize);$AllSorts[] = array('type'=>'عدد المدراء','num'=>$managerSize);$AllSorts[] = array('type'=>'عدد مراقبي الدوام','num'=>$atsSize);$AllSorts[] = array('type'=>'عدد مراقبي الحافلات','num'=>$bgrSize);$AllSorts[] = array('type'=>'عدد مراقبي الرسوم','num'=>$fgrSize);$JsonData = json_encode($AllSorts);echo $JsonData;这是获取 thw json 日期的 php 代码var jsonData = '';    $.get('../Functions/Ajax/GetSortingData.php?id='+schoolId, function(data){            jsonData = JSON.parse(data);    console.log(jsonData);           });var labels = [];var datas = [];for(const obj of jsonData){   labels.push(obj.type);   datas.push(obj.num);}console.log(datas);这是javascript

Answer 1

使用地图：

const array = [{

    type: "العدد الكلي",

    num: 14

  },

  //.snip

]

const type = array.map(i => i['type'])

console.log(type)

const num = array.map(i => i['num'])

console.log(num)

Answer 2

只需遍历对象数组即可。

var arr = [

  {type: "العدد الكلي", num: 14},

  {type: "عدد الطلاب", num: 8},

  {type: "عدد الأساتذة", num: 2},

  {type: "عدد المدراء", num: 1},

  {type: "عدد مراقبي الدوام", num: 1},

  {type: "عدد مراقبي الحافلات", num: 1},

  {type: "عدد مراقبي الرسوم", num: 1}

];

var labels = [];

var datas = [];

for(const obj of arr){

  labels.push(obj.type);

  datas.push(obj.num);

}

console.log("Labels", labels);

console.log("Datas", datas);

对于您的特定情况，您需要在 AJAX 调用的回调中循环遍历数组，因为 AJAX 是异步的。

$.get('../Functions/Ajax/GetSortingData.php?id='+schoolId, function(data){

            jsonData = JSON.parse(data);

            console.log(jsonData);

            var labels = [];

            var datas = [];

            for(const obj of jsonData){

               labels.push(obj.type);

               datas.push(obj.num);

            }

            console.log(datas);

       });