将 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);       });