js 多维数组对象数据的访问方法

一般项目中我们会遇到像这样到的数据：

public sort = [

    {
      title: '商品分类',
      child: [
        {
          child_title: '食品分类',
          block: 2
        },
        {
          child_title: '母婴用品',
          block: 2
        },
        {
          child_title: '个护化妆',
          block: 2
        },
        {
          child_title: '汽车用品',
          block: 2
        },
      ],
    },
    
    {
      title: '商品品牌',
      child: [
        {
          child_title: '食品分类',
          block: 2
        },
        {
          child_title: '母婴用品',
          block: 2
        },
        {
          child_title: '个护化妆',
          block: 2
        },
        {
          child_title: '汽车用品',
          block: 2
        },
      ],
    },
    
    {
      title: '商品标签',
      child: [
        {
          child_title: '食品分类',
          block: 2
        },
        {
          child_title: '母婴用品',
          block: 2
        },
        {
          child_title: '个护化妆',
          block: 2
        },
        {
          child_title: '汽车用品',
          block: 2
        },
      ],
    }
  ];
/* 结构：

	数据名称 =：[
	{
		分类名称："宝马",
		子分类名称："宝马车系列型号":[
				{
					子分类名称：X5系列
				}，
				{
					子分类名称：X6系列
				}，
				{
					子分类名称：X7系列
				}
		]
	}，
	{
		分类名称："奥迪",
		子分类名称："奥迪车系列型号":[
				{
					子分类名称：X5系列
				}，
				{
					子分类名称：X6系列
				}，
				{
					子分类名称：X7系列
				}
		]
	}
]
*/

```handlebars
在这里插入代码片

我们可以把这样的数据分解为 汽车 是一个大分类， 然后下面是什么牌字的 汽车 然后面就是这个牌子的汽车是什么型号这样拆分来理解的话，会容易理解很多

如果要访问上面这个数据里的 child_title 的值 方法：

console.log(this.sort[0].child[0].block);
打印结果: 食品分类;
/*这样就拿到了上面数据里 商品分类 里面子分类的 食品分类*/