es6의 flat 및 Set 이해

13107 단어
수조가 중첩되는 것은 일반적으로 뇌가 가장 먼저 생각하는 것이 반복 조작이다. es6는 Set를 통해 중첩할 수 있지만 new Set의 원형은 Set이고 Array가 아니기 때문에 반드시 전환이 필요하다.전환의 방식은 매우 많다. 예를 들면: 1. Array.from ()2, 연산자 확장... 다차원 수조를 대상으로 우리는 한 수조로 전환하고 다시 중량화한다.es6의 Array.prototype.flat, 그 실제 원리는 귀속 조작을 사용했다.지정한 깊이에 도달할 때까지 모든 하위 그룹 요소가 이 그룹에 귀속될 새 그룹을 만듭니다.
	//  
	function flatten (arr) {
		const flattend = []
		arr.forEach(v => {
			if (Array.isArray(v))
				flattend.push(...flatten(v))
			else flattend.push(v)
		})
		return flattend
	}
	// example
	const arr = [1,  [2, 3], [2], [1, [2]]]
	console.log(flatten(arr))
	// [1, 2, 3, 2, 1, 2]
	console.log([...new Set(flatten(arr))])
	// [1, 2, 3]
	console.log([...new Set(arr.flat())])
	// [1, 2, 3, [2]]
	console.log([...new Set(arr.flat(Infinity))])
	// [1, 2, 3]
	
	//  
	function flatten(arr) {
	  while (arr.some(item => Array.isArray(item))) {
	    arr = [].concat(...arr)
	  }
	  return arr
	}

면접 문제: 다음 그룹으로 알고 있습니다.
var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
프로그램을 작성하여 수조를 편평하게 하고 그 중의 일부 데이터를 제외하면, 최종적으로 승급하고 중복되지 않는 수조를 얻을 수 있다
// es6 
var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
[...new Set(arr.flat(Infinity).sort((a, b) => a-b))]
// es5
Array.prototype.flat = function () {
	return [].concat(...this.map(v => (v instanceof Array) ? v.flat(v) : [v]))
}
Array.prototype.set = function() {
	const stack = []
	this.forEach(v => stack.indexOf(v) < 0 && stack.push(v))
	return stack
}
arr.flat().set().sort((a, b) => a - b)

좋은 웹페이지 즐겨찾기