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;

这是获取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

使用map：

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

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

2 个答案: