实现数组的flat

# 实现数组的flat

需求:多维数组=>一维数组

let ary = [1, [2, [3, [4, 5]]], 6];
let str = JSON.stringify(ary);
1
2
//第0种处理:直接的调用
arr_flat = arr.flat(Infinity);
1
2
//第一种处理
ary = str.replace(/(\[|\])/g, '').split(',');
1
2
//第二种处理
str = str.replace(/(\[\])/g, '');
str = '[' + str + ']';
ary = JSON.parse(str);
1
2
3
4
//第三种处理:递归处理
let result = [];
let fn = function (ary) {
 for(let i = 0; i < ary.length; i++) {
  let item = ary[i];
  if (Array.isArray(ary[i])) {
   fn(item);
  } else {
   result.push(item);
  }
 }
}
1
2
3
4
5
6
7
8
9
10
11
12
//第四种处理:用 reduce 实现数组的 flat 方法
function flatten(ary) {
 return ary.reduce((pre, cur) => {
  return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
 }, []);
}
let ary = [1, 2, [3, 4], [5, [6, 7]]]
console.log(flatten(ary))
1
2
3
4
5
6
7
8
// 第五种处理:扩展运算符
while (ary.some(Array.isArray)) {
 ary = [].concat(...ary);
}
1
2
3
4

对象扁平化

function objectFlat(obj = {}) {
 const res = {}
 function flat(item, preKey = '') {
  Object.entries(item).forEach(([key, val]) => {
   const newKey = preKey ? `${preKey}.${key}` : key
   if (val && typeof val === 'object') {
    flat(val, newKey)
   } else {
    res[newKey] = val
   }
  })
 }
 flat(obj)
 return res
}

// 测试
const source = { a: { b: { c: 1, d: 2 }, e: 3 }, f: { g: 2 } }
console.log(objectFlat(source));
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
上次更新: 2022/7/2 上午7:51:43