js 递归展开对象中的数组

低代码数据结构深层嵌套对象的选项flat为一维数组

// 数据
const ary = [
  {
    "value": {
      "zh-CN": "选项1",
      "en-US": "选项1",
      "ru-RU": "选项1"
    },
    "code": "option-17cc0241",
    "expand": true,
    "children": [
      {
        "value": {
          "zh-CN": "选项1-1",
          "en-US": "选项1-1",
          "ru-RU": "选项1-1"
        },
        "code": "option-0f11b4f4",
        "expand": true,
        "children": [
          {
            "value": {
              "zh-CN": "选项1-1-1",
              "en-US": "选项1-1-1",
              "ru-RU": "选项1-1-1"
            },
            "code": "option-852032ce",
            "expand": false,
            "children": []
          }
        ]
      },
      {
        "value": {
          "zh-CN": "选项1-2",
          "en-US": "选项1-2",
          "ru-RU": "选项1-2"
        },
        "code": "option-af0f1851",
        "expand": true,
        "children": [
          {
            "value": {
              "zh-CN": "选项1-2-1",
              "en-US": "选项1-2-1",
              "ru-RU": "选项1-2-1"
            },
            "code": "option-f9138e1f",
            "expand": false,
            "children": []
          }
        ]
      }
    ]
  },
  {
    "value": {
      "zh-CN": "选项2",
      "en-US": "选项2",
      "ru-RU": "选项2"
    },
    "code": "option-5e81c00d",
    "expand": true,
    "children": [
      {
        "value": {
          "zh-CN": "选项2-1",
          "en-US": "选项2-1",
          "ru-RU": "选项2-1"
        },
        "code": "option-92438f01",
        "expand": false,
        "children": []
      }
    ]
  }
]

// 方法
function flattenDeep (arr) {
	return arr.reduce((pre, cue) => {
		pre.push(cue)
		if (cue.children && cue.children.length > 0) {
			pre = pre.concat(flattenDeep(cue.children))
		}
		return pre
	}, [])
}

// 运行
console.log(flattenDeep(ary))

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
可以使用多种方法将二维数组变为一维数组。其一种方法是使用ES6的展开运算符和递归函数。可以定义一个名为flatten的函数,该函数接受一个数组作为参数。在函数内部,使用map方法遍历数组的每个元素,如果元素是数组,则递归调用flatten函数,否则直接返回元素。最后,使用concat方法将所有返回的元素连接成一个新的数组。这样就可以将二维数组变为一维数组。以下是使用这种方法的示例代码: ```javascript var arr1 = \[\[0, 1\], \[2, 3\], \[4, 5\]\]; function flatten(arr) { return \[\].concat(...arr.map(x => Array.isArray(x) ? flatten(x) : x)); } var arr2 = flatten(arr1); // arr2 \[0, 1, 2, 3, 4, 5\] ``` 另一种方法是使用ES5的reduce方法。可以使用reduce方法遍历二维数组的每个元素,并使用concat方法将每个元素连接到累加器数组。以下是使用这种方法的示例代码: ```javascript var arr1 = \[\[0, 1\], \[2, 3\], \[4, 5\]\]; var arr2 = arr1.reduce(function(a, b) { return a.concat(b); }); // arr2 \[0, 1, 2, 3, 4, 5\] ``` 还可以使用apply方法将二维数组作为参数传递给concat方法。在这种方法,将一个空数组作为上下文对象,然后使用apply方法将二维数组作为参数传递给concat方法。以下是使用这种方法的示例代码: ```javascript var arr1 = \[\[0, 1\], \[2, 3\], \[4, 5\]\]; var arr2 = \[\].concat.apply(\[\], arr1); // arr2 \[0, 1, 2, 3, 4, 5\] ``` 以上是三种常用的方法将二维数组变为一维数组。根据具体的需求和使用的JavaScript版本,可以选择适合的方法来实现。 #### 引用[.reference_title] - *1* *2* *3* [js 标准二维数组变一维数组的方法](https://blog.csdn.net/cxu123321/article/details/107823556)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值