鍓嶈█鍓嶆鏃堕棿闈㈣瘯瀹樺湪绉嬪闈㈣瘯bilibili鐨勬椂鍊欙紝闈㈣瘯瀹橀棶鍒帮細flat鏂规硶鏄浣曞疄鐜扮殑锛熼偅鏃跺€欙紝瀛楄抗杩樹笉瀹岀編銆傚悗鏉ュ洖鍘诲涔狅紝鍙戠幇瑕佹眰鎵嬪啓鏁扮粍鐢╢lat鏂规硶鍘嬫墎锛坒lattened锛夌殑闈㈣瘯瀹樹笉鍦ㄥ皯鏁般€傚叾涓寘鎷細鎷煎澶氥€佸皬绫炽€佺編鍥€佹淮婊淬€佽櫨鐨€佹湁璧炵瓑銆傛墜鍐欐墎骞冲寲鏄竴閬撻潪甯稿熀纭€鐨勯潰璇曢锛屼竴鑸嚭鐜板湪绗旇瘯鎴栬€呯涓€杞潰璇曚腑锛屼富瑕佽€冨療鎵嬪啓鐨勫熀鏈兘鍔涗唬鐮併€備粖澶╋紝璁╂垜浠粠鐞嗚В鎵佸钩鍖栫壒鎬у埌瀹炵幇鎵佸钩鍖栧啀鍒版姄浣忛潰璇曞畼鐨勭郴鍒楅棶棰橈紝閲嶆柊瀛︿範鏁扮粍鎵佸钩鍖栵紙flattening锛夌殑鎵佸钩鍖栨柟娉曘€侴ithub鎴虫垜涓€娈典唬鐮佹€荤粨Array.prototype.flat()鐗规€ф敞锛氭暟缁勬墎骞冲寲鏂规硶Array.prototype.flat()涔熷彨鏁扮粍鎵佸钩鍖栵紝鏁扮粍鎵佸钩鍖栵紝鏁扮粍闄嶇淮銆傛湰鏂囩粺涓€鍛藉悕涓猴細arrayshootingflatconstanimals=["馃惙",["馃惗","馃悅"],["馃悗",["馃悜",["馃惒"]],"馃悰"]];//涓嶄紶鍙傛暟鏃讹紝榛樿鈥滃帇鎵佲€濅竴灞俛nimals.flat();//["馃惙","馃惗","馃悅","馃悗",["馃悜",["馃惒"]],"馃悰"]//浼犲叆涓€涓暣鍨嬪弬鏁帮紝鏁村瀷涓衡€滃帇鎵佲€濈殑灞傛暟animals.flat(2);//["馃惙","馃惗","馃悅","馃悗","馃悜",["馃惒"],"馃悰"]//Infinity鍏抽敭瀛椾綔涓哄弬鏁版椂锛屾棤璁哄祵濂楀灏戝眰锛岄兘浼氳浆涓轰竴缁存暟缁刟nimals.flat(Infinity);//["馃惙","馃惗","馃悅","馃悗","馃悜","馃惒","馃悰"]//浼犻€掍竴涓?=0鐨勬暣鏁板皢杩斿洖娌℃湁"鐨勫師濮嬫暟缁勬墎骞冲寲"animals.flat(0);animals.flat(-10);//["馃惙",["馃惗","馃悅"],["馃悗",["馃悜",["馃惒"]],"馃悰"]];//濡傛灉鍘熷鏁扮粍鏈夌┖闂达紝flat()鏂规硶浼氳烦杩囩┖妲姐€俒"馃惙","馃惗","馃悅","馃悗",,].flat();//["馃惙","馃惗","馃悅","馃悗"]Array.prototype.flat()鐗规€ф€荤粨Array.prototype.flat()鐢ㄤ簬灏嗗祵濂楁暟缁勨€滄墎骞冲寲鈥濅负涓€缁存暟缁勩€傛鏂规硶杩斿洖涓€涓柊鏁扮粍锛屽鍘熷鏁版嵁娌℃湁褰卞搷銆備笉浼犲弬鏁版椂锛岄粯璁も€滃睍骞斥€濅竴灞傦紝鍙互浼犲叆涓€涓暣鏁拌〃绀衡€滃睍骞斥€濈殑灞傛暟銆備紶閫?=0鐨勬暣鏁板皢杩斿洖鍘熷鏁扮粍銆傚綋Infinity鍏抽敭瀛椾笉浣滀负鍙傛暟鈥滄墎骞冲寲鈥濇椂锛屾棤璁哄祵濂楀灏戝眰锛岄兘浼氳杞崲鎴愪竴缁存暟缁勩€傚鏋滃師鏁扮粍鏈夌┖浣嶏紝Array.prototype.flat()浼氳烦杩囩┖浣嶃€侼闈㈣瘯瀹樿繛缁棶浜嗙涓€涓棶棰橈細瀹炵幇涓€涓畝鍗曠殑鏁扮粍灞曞钩鍑芥暟棣栧厛鎴戜滑浼氳姳涓€鐐圭瘒骞呰璁轰竴涓嬪浣曞疄鐜颁竴涓畝鍗曠殑鏁扮粍灞曞钩灞曞钩鍑芥暟锛岃缁嗕粙缁嶅悇绉嶅疄鐜版柟妗堬紝鐒跺悗灏濊瘯缁х画闈㈣瘯瀹樼殑鐩存挱杩炵画鎻愰棶銆傚浣曞疄鐜拌繖涓兂娉曪紵鎬濊矾寰堢畝鍗曪細瑕佸疄鐜颁竴涓叿鏈夋墎骞冲寲鏁扮粍鍔熻兘鐨勬墎骞冲寲鍑芥暟锛屾垜浠彧闇€瑕佸湪鏁扮粍涓壘鍒版暟缁勭被鍨嬬殑鍏冪礌锛岀劧鍚庡睍寮€鍗冲彲銆傝繖鏄疄鐜伴樀鍒楁墎骞冲寲鐨勬墎骞冲寲鏂规硶鐨勫叧閿€濇兂銆傛湁浜嗘€濊矾锛屾垜浠渶瑕佽В鍐冲疄鐜拌繖涓€嬧€嬫€濊矾闇€瑕佸厠鏈嶇殑闅剧偣锛氶鍏堣瑙ｅ喅鐨勬槸閬嶅巻鏁扮粍鐨勬瘡涓€涓厓绱狅紱绗簩瑕佽В鍐崇殑鏄垽鏂厓绱犳槸鍚︿负鏁扮粍锛涚涓変釜瑕佽В鍐崇殑鏄皢鏁扮粍鐨勫厓绱犲睍寮€涓€灞傦紱閬嶅巻鏁扮粍鐨勬柟妗堥亶鍘嗘暟缁勫苟鑾峰彇鏁扮粍鍏冪礌鐨勬柟娉曟湁寰堝绉嶏紝鍖呮嫭浣嗕笉闄愪簬浠ヤ笅鍑犵锛歠orloopfor...offor...inforEach()entries()keys()values()reduce()map()constarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"瀛楃涓?,{name:"鎵撻搧铔嬬殑鍚屽"}];//閬嶅巻鏁扮粍鐨勬柟寮忓お澶氾紝鏈枃鍙垪涓惧父鐢ㄧ殑//forloopfor(leti=0;i{console.log(value);});//entries()for(let[index,value]ofarr.entries()){console.log(value);}//keys()for(letindexofarr.keys()){console.log(arr[index]);}//values()for(letvalueofarr.values()){console.log(value);}//reduce()arr.reduce((pre,cur)=>{console.log(cur);},[]);//map()arr.map(鍊?>console.log锛堝€硷級锛夛紱鍙鏄兘澶熼亶鍘嗘暟缁勫緱鍒版暟缁勪腑鐨勬瘡涓€涓厓绱犵殑鏂规硶锛岄兘鏄彲琛屾柟妗堛€傚垽鏂厓绱犳槸鍚︿负鏁扮粍鐨剆chemeofconstructorObject.prototype.toStringisArrayconstarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5銆?string",{name:"鎵撻搧铔嬬殑鍚屽"}];arrinstanceofArray//truearr.constructor===Array//trueObject.prototype.toString.call(arr)==='[objectArray]'//trueArray.isArray(arr)//true璇存槑锛歩nstanceof杩愮畻绗﹀亣瀹氬彧鏈変竴涓叏灞€鐜銆傚鏋滅綉椤靛寘鍚涓鏋跺拰澶氫釜鍏ㄥ眬鐜锛屽鏋滄偍灏嗕竴涓暟缁勪粠涓€涓鏋朵紶閫掑埌鍙︿竴涓鏋讹紝鍒欓€氳繃瀵煎叆鐨勬暟缁勫拰鍦ㄧ浜屼釜妗嗘灦涓湰鍦板垱寤虹殑鏁扮粍鍏锋湁鍚勮嚜涓嶅悓鐨勬瀯閫犲嚱鏁般€傦紙鎵€浠ュ湪杩欑鎯呭喌涓嬩細涓嶅噯纭級typeof鎿嶄綔绗︿細杩斿洖object鏉ュ彇鏁扮粍鐨勭被鍨嬨€傚洜涓烘瀯閫犲嚱鏁板彲浠ユ敼鍐欙紝鎵€浠ヤ笉鑳戒繚璇佹槸鏁扮粍銆俢onststr='abc';str.constructor=鏁扮粍锛泂tr.constructor===Array//true灏嗘暟缁勭殑鍏冪礌鎵╁睍鍒颁竴灞傘€傛墿灞曡繍绠楃+concatconcat()鏂规硶鐢ㄤ簬鍚堝苟涓や釜鎴栧涓暟缁勶紝鍦ㄦ嫾鎺ユ椂鍔犲叆鎵╁睍杩愮畻绗︿細鎵╁睍涓€灞傛暟缁勩€傛湁鍏宠缁嗕俊鎭紝璇峰弬瑙佷笅闈㈢殑浠ｇ爜銆俢oncat+apply涓昏浣跨敤apply鏉ョ粦瀹氫綔鐢ㄥ煙銆備紶鍏ョ殑绗簩涓弬鏁版槸鏁扮粍鎴栫被鏁扮粍瀵硅薄锛屾暟缁勫厓绱犲皢浣滀负鍗曠嫭鐨勫弬鏁颁紶閫掔粰func鍑芥暟銆傚嵆鍦ㄨ皟鐢╝pply鍑芥暟鐨勮繃绋嬩腑锛屼紶鍏ョ殑鏁扮粍浼氫竴涓竴涓紶閫掔粰瑕佹墽琛岀殑鍑芥暟锛岀浉褰撲簬鎶婃暟缁勬墿鍏呬竴灞傘€倀oString+split涓嶆帹鑽愪娇鐢╰oString+split鏂规硶锛屽洜涓烘搷浣滃瓧绗︿覆鏄竴浠跺嵄闄╃殑浜嬫儏銆備笂涓€绡囨枃绔犲仛浜嗕竴涓搷浣滃瓧绗︿覆鐨勬渚嬶紝琚緢澶氭湅鍙嬭療鐥呫€傚鏋滄暟缁勪腑鐨勬墍鏈夊厓绱犻兘鏄暟瀛楋紝toString+split鏄彲琛岀殑锛屽彲浠ヤ竴姝ュ畬鎴愩€俢onstarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"string",{name:"鎵撻搧鐨勫悓瀛ggs"}];//浼犳挱杩愮畻绗?concat[].concat(...arr)//[1,2,3,4,1,2,3,[1,2,3,[1,2,3]],5,"string",{name:"鐜╅搧铔嬬殑鍚屽"}];//concat+apply[].concat.apply([],arr);//[1,2,3,4,1,2,3,[1,2,3,[1,2,3]],5,"string",{name:"鎵撻搧铔嬬殑鍚屽"}];//toString+splitconstarr2=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]]]arr2.toString().split(',').map(v=>parseInt(v))//[1,2,3,4,1,2,3,1,2,3,1,2,3]鎬荤粨涓€涓嬭瑙ｅ喅鐨勪笁澶ч毦鐐癸紝閭ｄ箞鎴戜滑灏卞彲浠ュ疄鐜板畠寰堝鏄撳皢鏁扮粍鐨勫钩闈㈠嚱鏁扮殑涓€涓増鏈睍骞炽€俢onstarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"string",{name:"鎵撻搧鐨勫悓瀛ggs"}];//concat+閫掑綊鍑芥暟flat(arr){letarrResult=[];arr.forEach(item=>{if(Array.isArray(item)){arrResult=arrResult.concat(arguments.callee(item));//閫掑綊//鎴栦娇鐢ㄦ墿灞曡繍绠楃//arrResult.push(...arguments.callee(item));}else{arrResult.push(item);}});returnarrResult;}flat(arr)//[1,2,3,4,1,2,3,1,2,3,1,2,3,5,"string",{name:"瀛︾敓鎵撻搧铔嬧€潁];鍒拌繖閲岋紝鎭枩浣犳垚鍔熷緱鍒伴潰璇曞畼瀵逛綘鎵嬫挄浠ｇ爜鑳藉姏鐨勫熀鏈鍙煄夈€備絾闈㈣瘯瀹樺線寰€浼氫笉姝簬姝わ紝杩樹細缁х画鑰冨療闈㈣瘯瀹樼殑鍚勭鑳藉姏銆傜浜岄锛氫娇鐢╮educe瀹炵幇flat鍔熻兘銆傛垜瑙佽繃寰堝闈㈣瘯瀹樺枩娆㈢偣鍚嶈姹傞潰璇曞畼鐩存帴鐢╮educe瀹炵幇flat鍔熻兘銆傛兂鐭ラ亾涓轰粈涔堝悧锛熸枃绔犲悗鍗婇儴鍒嗚€冭檻鍒版暟缁勭┖浣嶇殑鎯呭喌灏辩煡閬撲负浠€涔堜簡銆傚叾瀹炴€濊矾鏄竴鏍风殑銆俢onstarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"string",{name:"鎵撻搧鐨勫悓瀛ggs"}]//鍏堢敤reduce灞曞紑涓€灞俛rr.reduce((pre,cur)=>pre.concat(cur),[]);//[1,2,3,4,1,2,3,[1,2,3,[1,2,3]],5,"string",{name:"鎵撻搧铔嬬殑鍚屽"}];//浣跨敤reduce灞曞紑涓€灞?閫掑綊constflat=arr=>{returnarr.reduce((pre,cur)=>{returnpre.concat(Array.isArray(cur)?flat(cur):cur);},[]);};//[1,2,3,4,1,2,3,1,2,3,1,2,3,5,"string",{name:"鐜╅搧铔嬬殑鍚屽"}];绗笁棰橈細鍒╃敤stack鐨勬€濇兂瀹炵幇flatfunction//Stackthinkingfunctionflat(arr){constresult=[];甯搁噺鍫嗘爤=[].concat(arr);//灏嗘暟缁勫厓绱犲鍒跺埌鏍堜腑锛岀洿鎺ヨ祴鍊间細鏀瑰彉鍘熸暟缁?/濡傛灉鏍堜笉涓虹┖锛屽垯寰幆while(stack.length!==0){constval=stack.pop();濡傛灉(Array.isArray(val)){stack.push(...val);//濡傛灉鏁扮粍鍐嶆鍏ユ爤锛屽張灞曞紑涓€灞倉else{result.unshift(val);//濡傛灉涓嶆槸鏁扮粍锛屽氨鍙栧嚭鏉ユ斁鍒皉esult鏁扮粍涓瓆}returnresult;}constarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"string",{name:"鐜╅搧铔嬬殑鍚屽"}]flat(arr)//[1,2,3,4,1,2,3,1,2,3,1,2,3,5,"string",{name:"鐜╅搧铔嬬殑鍚屽"}];绗洓涓棶棰橈細閫氳繃浼犲叆鏁存暟鍙傛暟鏉ユ帶鍒垛€滄墎骞冲寲鈥濆眰鏁?/reduce+recursivefunctionflat(arr,num=1){returnnum>0?鍒般€俽educe((pre,cur)=>pre.concat(Array.isArray(cur)?flat(cur,num-1):cur),[]):arr銆俿lice();}constarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"瀛楃涓?,{鍚嶇О:"鐜╅搧铔嬬殑鍚屽"}]flat(arr,Infinity);//[1,2,3,4,1,2,3,1,2,3,1,2,3,5,"string",{name:"鐐稿脊閾佽泲鍚屽"}];闂5锛氫娇鐢℅enerator瀹炵幇骞抽潰鍑芥暟function*flat(arr,num){if(num===undefined)num=1;for(constitemofarr){if(Array.isArray(item)&&num>0){//num>0yield*flat(item,num-1);}else{鏀剁泭椤圭洰;}}}constarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"string",{name:"瀛︾敓Bombard"}]//璋冪敤Generator鍑芥暟鍚庯紝鍑芥暟骞舵病鏈夋墽琛岋紝杩斿洖鐨勪笉鏄嚱鏁拌繍琛岀粨鏋滐紝鑰屾槸涓€涓寚鍚戝唴閮ㄧ姸鎬佺殑鎸囬拡瀵硅薄//鍗宠凯浠ｅ櫒瀵硅薄锛圛teratorObject锛夈€傛墍浠ユ垜浠繀椤讳娇鐢ㄤ竴娆″睍寮€杩愮畻绗︽潵寰楀埌缁撴灉[...flat(arr,Infinity)]//[1,2,3,4,1,2,3,1,2,3,1,2,3,5,"string",{name:"瀛︾敓鐜╅搧铔?}];绗叚棰橈細瀹炵幇鍦ㄥ師鍨嬮摼涓婇噸鍐檉latfunctionArray.prototype.fakeFlat=function(num=1){if(!Number(num)||Number(num)<0){returnthis;}璁゛rr=this.concat();//鑾峰彇璋冪敤fakeFlat鍑芥暟鐨勬暟缁剋hile(num>0){if(arr.some(x=>Array.isArray(x))){arr=[].concat.apply([],arr);//濡傛灉鏁扮粍涓湁鏁扮粍鍏冪礌涓攏um>0锛屽垯缁х画鎵╁厖涓€涓暟缁剗else{break;//array涓病鏈夋暟缁勫厓绱狅紝涓嶇num鏄惁杩樺ぇ浜?锛屽仠姝㈠惊鐜€倉鏁?-;}杩斿洖arr;};constarr=[1,2,3,4,[1,2,3,[1,2,3,[1,2,3]]],5,"string",{name:"鎵撻搧鐨勫悓瀛ggs"}]arr.fakeFlat(Infinity)//[1,2,3,4,1,2,3,1,2,3,1,2,3,5,"string",{name:"Student鐐嚮"}];绗竷棰橈細鑰冭檻鏁扮粍绌轰綅鐨勬儏鍐典粠鎴戜滑涓€寮€濮嬫€荤粨鐨刦lat鐗规€ф垜浠煡閬擄紝flat鍑芥暟鐨勬墽琛屼細璺宠繃绌轰綅銆侲S5澶у鏁版暟缁勬柟娉曞湪澶勭悊闂撮殭鏃堕兘浼氶€夋嫨璺宠繃闂撮殭锛屽寘鎷細forEach()銆乫ilter()銆乺educe()銆乪very()鍜宻ome()閮戒細璺宠繃闂撮殭銆傛墍浠ユ垜浠彲浠ョ敤涓婇潰鐨勬柟娉曟潵瀹炵幇骞宠烦绌轰綅鐨勭壒鎬?/reduce+recursionArray.prototype.fakeFlat=function(num=1){if(!Number(num)||Number(num)<0){褰掕繕杩欎釜锛泒璁゛rr=[].concat(this);杩斿洖num>0锛焌rr.reduce((pre,cur)=>pre.concat(Array.isArray(cur)?cur.fakeFlat(--num):cur),[]):arr.slice();};constarr=[1,[3,4],,,];arr.fakeFlat()//[1,3,4]//foEach+閫掑綊Array.prototype.fakeFlat=function(num=1){if(!Number(num)||Number(num)<0){杩斿洖杩欎釜锛泒璁゛rr=[];this.forEach(item=>{if(Array.isArray(item)){arr=arr.concat(item.fakeFlat(--num));}else{arr.push(item);}});杩斿洖arr;};constarr=[1,[3,4],,,];arr.fakeFlat()//[1,3,4]寤朵几闃呰锛氱敱浜庡绌烘牸鐨勫鐞嗚鍒欏緢涓嶄竴鑷达紝寤鸿閬垮厤绌烘牸銆侲S5瀵归棿闅欑殑澶勭悊寰堜笉涓€鑷达紝澶ч儴鍒嗘儏鍐典笅闂撮殭閮戒細琚拷鐣ャ€俧orEach()銆乫ilter()銆乺educe()銆乪very()鍜宻ome()閮戒細璺宠繃绌烘Ы銆俶ap()灏嗚烦杩囩┖妲斤紝浣嗕繚鐣欏€笺€俲oin()鍜宼oString()灏嗙┖鐧借涓烘湭瀹氫箟锛屽皢undefined鍜宯ull瑙嗕负绌哄瓧绗︿覆銆侲S6鏄惧紡鍦板皢绌烘牸杞崲涓烘湭瀹氫箟銆俥ntries()銆乲eys()銆乿alues()銆乫ind()鍜宖indIndex()浼氬皢闂撮殭瑙嗕负鏈畾涔夈€俧or...of寰幆閬嶅巻绌烘Ы銆俧ill()浼氬皢绌烘Ы瑙嗕负鏅€氭暟缁勪綅缃€俢opyWithin()灏嗗鍒剁┖妲姐€傛墿灞曡繍绠楃(...)杩樺皢绌虹櫧杞崲涓烘湭瀹氫箟銆侫rray.from鏂规硶浼氬皢鏁扮粍鐨勭┖缂鸿浆涓簎ndefined銆傜患涓婃墍杩帮紝闈㈣瘯瀹樺疄鍦拌€冨療浜嗕竴涓啓浠ｇ爜鐨勯鐩€傚叾瀹炰笉浠呬粎鏄啓浠ｇ爜銆傚湪鍐欎唬鐮佺殑杩囩▼涓紝浼氶亣鍒颁唬鐮佺殑鍚勭鐭ヨ瘑鐐瑰拰杈圭晫鏉′欢銆傝櫧鐒跺ぇ澶氭暟鎯呭喌涓嬶紝闈㈣瘯瀹樹笉浼氳繖涔堝彉鎬侊紝鍙槸flatimplement涓嶆柇鐨勮川鐤戦潰璇曞畼锛屾墜鎾曞ソ鍑犱釜鐗堟湰锛屼絾鏄潰璇曞畼浼氳姹傛牴鎹綘鍐欑殑浠ｇ爜鐗堟湰鍐欏嚭鏇村畬缇庣殑鐗堟湰.鐗堟湰寰堝父瑙併€傚彧瑕佹垜浠矇涓嬪績鏉ワ紝鎵撳ソ鍩虹锛屼笉绠￠潰璇曞畼鎬庝箞闂紝鎴戜滑閮借兘鐣呮墍娆茶█銆傛墎骞冲寲鐨勫疄鐜扮粷瀵逛笉闄愪簬鏂囩珷涓垪鍑虹殑鐗堟湰銆傝嚜宸辨暡浠ｇ爜鏄渶濂界殑杩涙銆傚湪璇勮鍖烘垨issue涓啓鍑轰綘鑷繁鐨勭増鏈紒浠婂ぉ鎴戝浼氫簡銆傚鏋滀綘瀛︿範浜嗭紝璇峰叧娉ㄥ苟鐐逛釜璧烉煈嶃€傛帹鑽愰槄璇讳綘涓嶇煡閬撶殑JSON.stringify()鐨勫己澶?/p>
