js 중수 조 평면 화 처리

배열 이 평면 화 되 는 것 은 무엇 입 니까?
배열 이 평면 화 되 는 것 은 다 차원 배열 을 1 차원 배열 로 바 꾸 는 것 이다.
기본 방식 을 실현 하 다
4. 567917. 배열 의 모든 항목 을 옮 겨 다 닌 다
4. 567917. 이 항목 이 배열 인지 아 닌 지 를 판단 한다
4. 567917. 이 항목 이 배열 이 아니라면 새 배열 에 직접 넣 습 니 다
4. 567917. 배열 은 1 로 돌아 가 계속 교체 된다
4. 567917. 배열 이 옮 겨 다 닐 때 이 새 배열 로 돌아 갑 니 다
1. 일반적인 방식 재 귀적 처리

Array.prototype.flatten = function () {
     
  var resultArr = [];
  var len = this.length;
  for (var i = 0; i < len; i ++) {
     
    if (Array.isArray(this[i])) {
     
        resultArr = resultArr.concat(this[i].flatten());
    } else {
     
      resultArr.push(this[i]);
    }
  }
  return resultArr;
}
var arr=[1,2,3,[4,5,'hello',['world',9,666]]]
console.log(arr.flatten())//[1, 2, 3, 4, 5, "hello", "world", 9, 666]

2. reduce 방법 사용

Array.prototype.flatten = function () {
     
  return this.reduce(function (prev, cur, curIndex, arr) {
     
      return Array.isArray(cur) ? prev.concat(cur.flatten()) : prev.concat(cur); 
  }, []);
}

3. yield * 의 용법, 천재 급 의 평면 화 방식

function* iterTree(tree){
     
      if(Array.isArray(tree)){
     
          for(let i = 0 ;i<tree.length;i++){
     
              yield* iterTree(tree[i]);
          }
      }else{
     
          yield tree;
      }
  }
　let arr1 = [1, 2, ['a', 'b', [' ', ' ', [1, 2, 3, [11, 21, 31]]]], 3];
  let list=[]
for (const x of iterTree(arr1)) {
     
    list.push(x)
  }
  console.log(list);//[1, 2, "a", "b", " ", " ", 1, 2, 3, 11, 21, 31, 3]

4. es6 의 flat 함수 도 배열 의 평면 화 를 실현 할 수 있다.

let arr1 = [1,2,['a','b',[' ',' ',[1,2,3,[11,21,31]]]],3];
 console.log( arr1.flat( Infinity ) ); 

5. 확장 연산 자

//ES6         ，                ，         ：

var arr = [1, [2, [3, 4]]];
console.log([].concat(...arr)); // [1, 2, [3, 4]]
//              ，            ，           ：
//   
var arr = [1, [2, [3, 4]]];
function flatten(arr) {
     
    while (arr.some(item => Array.isArray(item))) {
     
        arr = [].concat(...arr);
    }
    return arr;
}
console.log(flatten(arr))