代码之家 › 专栏 › 技术社区 › totalnoob

使用reduce在JavaScript中展平数组

javascript

totalnoob · 技术社区 · 6 年前

它是数组。reduce((累加器,value)=>使用累加器执行某些操作,为什么返回空数组?

let a = [
  [1,2],
  [
    [3,4]
  ],
  [
    [[5],[6]]
  ]
];

const flatten = arr => arr.reduce((a, v) => {
  v instanceof Array ? flatten(v) : a.push(v);
  return a;
}, [])


console.log(flatten(a));

1 回复 | 直到 6 年前

CertainPerformance 6 年前

这个 flatten(v)

let a = [
  [1,2],
  [
    [3,4]
  ],
  [
    [[5],[6]]
  ]
];

const flatten = arr => arr.reduce((a, v) => {
  v instanceof Array ? a.push(...flatten(v)) : a.push(v);
  return a;
}, [])


console.log(flatten(a));

或者,您可以使用 concat ,并且仅当需要将整个内容解析为表示 (不要用它来代替 if else ):

let a = [
  [1,2],
  [
    [3,4]
  ],
  [
    [[5],[6]]
  ]
];

const flatten = arr => arr.reduce((a, v) => {
  if (v instanceof Array) {
    return a.concat(flatten(v))
  } else {
    a.push(v);
    return a;
  }
}, [])


console.log(flatten(a));

akhtarvahid 4 年前

let arr = [[1,2],[[3,4]],[[[5],[6]]]];

const flattenArr = (arr) => 
  arr.reduce((acc, val) => 
   Array.isArray(val) ? 
    acc.concat(flattenArr(val)) :
     acc.concat(val), []);
 
console.log(flattenArr(arr));

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前