js 多维数组/对象转一维数组对象

Bertha 。 2023-10-07 20:01 60阅读 0赞

多维对象转数组：

![c91b0ddae1654dda8fb4081ab5c313de.png][]

let objTree = {
            name: '河南',
            children: {
              name: '洛阳',
              children: {
                name: '洛宁',
                children: {
                  name: '兴华',
                },
              },
            },
          }
    
          function toList(obj, listre) {
            for (let key in obj) {
              if (typeof obj[key] == 'object') {
                console.log('是对象', obj[key])
                toList(obj[key], listre)
              } else {
                console.log('是string:', obj[key])
                listre.push(obj[key])
              }
            }
          }
          var listres = []
          toList(objTree, listres)
          var resStr = listres.join('/')
          console.log('得到的结果是:', resStr)

多维数组对象转数组：

![75b02ead730d4fb69ccfb380e23a5ce4.png][]

function flatten(arr) {
            return [].concat(
              ...arr.map((item) => {
                if (item.children) {
                  let arr = [].concat(item, ...this.flatten(item.children))
                  delete item.children
                  return arr
                }
                return [].concat(item)
              })
            )
          }
    
          let fromData = [
            {
              id: '310000',
              pid: 0,
              name: '上海',
              children: [
                {
                  pid: '310000',
                  id: '310100',
                  name: '市辖区',
                },
                {
                  pid: '310000',
                  id: '310200',
                  name: '郊区',
                },
              ],
            },
            {
              id: '350000',
              pid: 0,
              name: '福建省',
              children: [
                {
                  pid: '350000',
                  id: '350100',
                  name: '厦门',
                },
                {
                  pid: '350000',
                  id: '350200',
                  name: '泉州',
                },
              ],
            },
            {
              id: '110000',
              pid: 0,
              name: '北京',
            },
          ]
    
          let res = flatten(fromData)
          console.log(res)

[c91b0ddae1654dda8fb4081ab5c313de.png]: https://img-blog.csdnimg.cn/c91b0ddae1654dda8fb4081ab5c313de.png
[75b02ead730d4fb69ccfb380e23a5ce4.png]: https://img-blog.csdnimg.cn/75b02ead730d4fb69ccfb380e23a5ce4.png