遞歸 · vue.js

> 遞歸：首先遞歸一定會有迭代條件，當不滿足情況直接return。滿足條件然后進行數據處理（在數據處理的時候調用自身），把最總的結果return出去 ### 5\. 將一維數組轉換為多維數組（根據數據格式調整） ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> </head> <body> <script> function Ajax(collback){ $.ajax({ type:"get", url:"./json.json", dataType:"json", success:function(res){ collback(res) } }) } Ajax(res => { let arr = res; let ArrLength=[4,6,9,12] // arr為要處理的數組 a為數組中code的長度 (code的長度必須有規律) function aa(arr, a,pcode) { let arrlist = [] if (a > 9) { return arrlist } else { let filter = arr.filter(ele => { if (ele.code.length == a && ele.code.startsWith(pcode)) { // return ele let item = {} item.name = ele.name; item.code = ele.code; let readylist=aa(arr,a+3, item.code); item.children=changechild(item.code,readylist) arrlist.push(item) } }); return arrlist } } //過濾子數組 e為上一級的code arr為要過濾的數組 function changechild(e,arr){ let news=[] for (let i = 0; i < arr.length; i++) if(arr[i].code.startsWith(e)){ news.push(arr[i]) } return news } let a = aa(arr, 6, "4201") console.log(a) }) //遞歸：首先遞歸一定會有迭代條件，當不滿足情況直接return。滿足條件然后進行數據處理（在數據處理的時候調用自身），把最總的結果return出去 </script> </body> </html> ~~~