Bagaimana untuk menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi dalam javascript? Pengenalan kaedah-tutorial js-php.cn

Bagaimana untuk menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi dalam javascript? Pengenalan kaedah

青灯夜游

Lepaskan： 2021-12-30 10:45:49

ke hadapan

3152 orang telah melayarinya

Bagaimana untuk menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi dalam JavaScript? Artikel ini akan berkongsi dengan anda kaedah penukaran Kaedah ini sudah cukup untuk menukar tatasusunan satu dimensi JS kepada tatasusunan tiga dimensi!

Bagaimana untuk menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi dalam javascript? Pengenalan kaedah

Hari ini saya melihat seorang rakan yang bertanyakan soalan Dia ingin menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi Dia kebetulan tidak begitu sibuk dan bersedia membantu. Saya segera mengaturkan rakan sekelas ini

Berikut ialah format data tatasusunan satu dimensi yang dikembalikan kepada kami oleh rakan sekelas belakang

	[{
      &#39;品牌&#39;: &#39;xiaomi&#39;, &#39;机型&#39;: &#39;10&#39;, &#39;配置&#39;: &#39;512&#39;
    },
    {
      &#39;品牌&#39;: &#39;xiaomi&#39;, &#39;机型&#39;: &#39;10&#39;, &#39;配置&#39;: &#39;128&#39;
    },
    {
      &#39;品牌&#39;: &#39;xiaomi&#39;, &#39;机型&#39;: &#39;11&#39;, &#39;配置&#39;: &#39;128&#39;
    },
    {
      &#39;品牌&#39;: &#39;xiaomi&#39;, &#39;机型&#39;: &#39;11&#39;, &#39;配置&#39;: &#39;64&#39;
    },
    {
      &#39;品牌&#39;: &#39;iPhone&#39;, &#39;机型&#39;: &#39;10&#39;, &#39;配置&#39;: &#39;128&#39;
    },
    {
      &#39;品牌&#39;: &#39;iPhone&#39;, &#39;机型&#39;: &#39;11&#39;, &#39;配置&#39;: &#39;64&#39;
    },
    {
      &#39;品牌&#39;: &#39;iPhone&#39;, &#39;机型&#39;: &#39;12&#39;, &#39;配置&#39;: &#39;64&#39;
    },
    {
      &#39;品牌&#39;: &#39;honor&#39;, &#39;机型&#39;: &#39;4&#39;, &#39;配置&#39;: &#39;256&#39;
    },
    {
      &#39;品牌&#39;: &#39;honor&#39;, &#39;机型&#39;: &#39;5&#39;, &#39;配置&#39;: &#39;128&#39;
    },
    {
      &#39;品牌&#39;: &#39;honor&#39;, &#39;机型&#39;: &#39;6&#39;, &#39;配置&#39;: &#39;128&#39;
    }];

Salin selepas log masuk

Berikut ialah format data yang ingin kami tukar ( Tukar kepada tatasusunan tiga dimensi (peringkat pertama ialah jenama, peringkat kedua ialah model, dan peringkat ketiga ialah konfigurasi)

    [
      {
        "value": "xiaomi",
        "label": "xiaomi",
        "children": [
          {
            "value": "10",
            "label": "10",
            "children": [
              {
                "value": "512",
                "label": "512"
              },
              {
                "value": "128",
                "label": "128"
              }
            ]
          },
          {
            "value": "11",
            "label": "11",
            "children": [
              {
                "value": "128",
                "label": "128"
              },
              {
                "value": "64",
                "label": "64"
              }
            ]
          }
        ]
      },
      {
        "value": "iPhone",
        "label": "iPhone",
        "children": [
          {
            "value": "10",
            "label": "10",
            "children": [
              {
                "value": "128",
                "label": "128"
              }
            ]
          },
          {
            "value": "11",
            "label": "11",
            "children": [
              {
                "value": "64",
                "label": "64"
              }
            ]
          },
          {
            "value": "12",
            "label": "12",
            "children": [
              {
                "value": "64",
                "label": "64"
              }
            ]
          }
        ]
      },
      {
        "value": "honor",
        "label": "honor",
        "children": [
          {
            "value": "4",
            "label": "4",
            "children": [
              {
                "value": "256",
                "label": "256"
              }
            ]
          },
          {
            "value": "5",
            "label": "5",
            "children": [
              {
                "value": "128",
                "label": "128"
              }
            ]
          },
          {
            "value": "6",
            "label": "6",
            "children": [
              {
                "value": "128",
                "label": "128"
              }
            ]
          }
        ]
      }
    ]

Salin selepas log masuk

Mula-mula kita mentakrifkan pembolehubah arr untuk menerima tatasusunan satu dimensi kami, dan kemudian lulus arr sebagai parameter Beri kami fungsi untuk menukar tatasusunan Fungsi mengembalikan tatasusunan tiga dimensi terakhir kami

Bagaimana untuk menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi dalam javascript? Pengenalan kaedah <🎜. >

Berikut ialah kod sumber arrConversion kami

    arrConversion (arr) {
      let keys = Object.keys(arr[0])
      let level1 = keys[0]//获取一级属性名称
      let level2 = keys[1]//获取二级属性名称
      let level3 = keys[2]//获取三级属性名称
      let list = Array.from(new Set(
        arr.map(item => {
          return item[level1]
        })))
      let subList = []
      list.forEach(res => {
        arr.forEach(ele => {
          if (ele[level1] === res) {
            let nameArr = subList.map(item => item.value)
            if (nameArr.indexOf(res) !== -1) {
              let nameArr2 = subList[nameArr.indexOf(res)].children.map(item => item.value)
              if (nameArr2.indexOf(ele[level2]) !== -1) {
                subList[nameArr.indexOf(res)].children[nameArr2.indexOf(ele[level2])].children.push({
                  value: ele[level3],
                  label: ele[level3],
                })
              } else {
                subList[nameArr.indexOf(res)].children.push({
                  value: ele[level2],
                  label: ele[level2],
                  children: [{
                    value: ele[level3],
                    label: ele[level3],
                  }]
                })
              }
            } else {
              subList.push({
                value: res,
                label: res,
                children: [{
                  value: ele[level2],
                  label: ele[level2],
                  children: [{
                    value: ele[level3],
                    label: ele[level3],
                  }]
                }]
              })
            }
          }
        })

      })
      return subList

    }

Salin selepas log masuk

Hasil output adalah betul

Bagaimana untuk menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi dalam javascript? Pengenalan kaedah

[Cadangan berkaitan:

Tutorial pembelajaran javascript ]

Atas ialah kandungan terperinci Bagaimana untuk menukar tatasusunan satu dimensi kepada tatasusunan tiga dimensi dalam javascript? Pengenalan kaedah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!