{"id":29,"date":"2024-02-26T13:33:57","date_gmt":"2024-02-26T13:33:57","guid":{"rendered":"http:\/\/icpnet.cn\/?p=29"},"modified":"2024-02-26T13:33:57","modified_gmt":"2024-02-26T13:33:57","slug":"js%e4%b8%ad%e6%95%b0%e7%bb%84flat%e6%96%b9%e6%b3%95%e7%9a%84%e4%bd%bf%e7%94%a8%e5%92%8c%e5%ae%9e%e7%8e%b0","status":"publish","type":"post","link":"http:\/\/icpnet.cn\/?p=29","title":{"rendered":"js\u4e2d\u6570\u7ec4flat\u65b9\u6cd5\u7684\u4f7f\u7528\u548c\u5b9e\u73b0"},"content":{"rendered":"\n<p>\u5b9a\u4e49<\/p>\n\n\n\n<p>flat() \u65b9\u6cd5\u4f1a\u6309\u7167\u4e00\u4e2a\u53ef\u6307\u5b9a\u7684\u6df1\u5ea6\u9012\u5f52\u904d\u5386\u6570\u7ec4\uff0c\u5e76\u5c06\u6240\u6709\u5143\u7d20\u4e0e\u904d\u5386\u5230\u7684\u5b50\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u5408\u5e76\u4e3a\u4e00\u4e2a\u65b0\u6570\u7ec4\u8fd4\u56de\u3002<\/p>\n\n\n\n<p>\u8bed\u6cd5<\/p>\n\n\n\n<p>var newArray = arr.flat([depth])<\/p>\n\n\n\n<p>\u53c2\u6570<\/p>\n\n\n\n<p>depth:\u53ef\u9009\u53c2\u6570\uff0c\u6307\u5b9a\u63d0\u53d6\u7684\u5d4c\u5957\u6570\u7ec4\u7684\u6df1\u5ea6\uff0c\u9ed8\u8ba4\u503c\u4e3a1<\/p>\n\n\n\n<p>\u8fd4\u56de\u503c<\/p>\n\n\n\n<p>\u4e00\u4e2a\u5305\u542b\u5c06\u6570\u7ec4\u4e0e\u5b50\u6570\u7ec4\u4e2d\u6240\u6709\u5143\u7d20\u7684\u65b0\u6570\u7ec4\u3002\uff08\u5c31\u662f\u6241\u5e73\u5316\u540e\u7684\u6bcf\u4e00\u9879\u91cd\u65b0\u7ec4\u6210\u7684\u6570\u7ec4\uff0c\u6240\u4ee5\u4e0d\u4f1a\u6539\u53d8\u539f\u6570\u7ec4\u3002\uff09<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u793a\u4f8b<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const arr5 = &#91;1,2,&#91;3,&#91;4,5]], &#91;6,&#91;7]], 8]\r\nfunction getFlatArr (list) {\r\n  return list.reduce((pre, item) => {\r\n    return pre.concat(item)\r\n  }, &#91;])\r\n}\r\nconsole.log(getFlatArr(arr5))\r\n\/\/ &#91;1,2,3,&#91;4,5],6,&#91;7],8]<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>\u65b9\u6cd5\u5b9e\u73b0<\/p>\n\n\n\n<p>\u901a\u8fc7reduce\u5b9e\u73b0<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function getFlatArr(arr, depth) {\n   return depth > 0 ? arr.reduce((pre, item) => {\n     return pre.concat(Array.isArray(item) ?  getFlatArr(item, depth - 1): item)\n}, &#91;]) : arr.slice();\n}<\/code><\/pre>\n\n\n\n<p>forEach + \u9012\u5f52\u5b9e\u73b0<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function getFlatArr(list, depth = 1) {\n  const result = &#91;];\n  (function flat(list, depth) {\n    list.forEach((ele) => {\n      if(Array.isArray(ele) &amp;&amp; depth > 0 ) flat(ele, depth -1) else result.push(ele)\n    })\n  })(list, depth)\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5b9a\u4e49 flat() \u65b9\u6cd5\u4f1a\u6309\u7167\u4e00\u4e2a\u53ef\u6307\u5b9a\u7684\u6df1\u5ea6\u9012\u5f52\u904d\u5386\u6570\u7ec4\uff0c\u5e76\u5c06\u6240\u6709\u5143\u7d20\u4e0e\u904d\u5386\u5230\u7684\u5b50\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u5408\u5e76\u4e3a\u4e00\u4e2a\u65b0\u6570\u7ec4\u8fd4\u56de\u3002 \u8bed\u6cd5 var newArray = arr.flat([depth]) \u53c2\u6570 depth:\u53ef\u9009\u53c2\u6570\uff0c\u6307\u5b9a\u63d0\u53d6\u7684\u5d4c\u5957\u6570\u7ec4\u7684\u6df1\u5ea6\uff0c\u9ed8\u8ba4\u503c\u4e3a1 \u8fd4\u56de\u503c \u4e00\u4e2a\u5305\u542b\u5c06\u6570\u7ec4\u4e0e\u5b50\u6570\u7ec4\u4e2d\u6240\u6709\u5143\u7d20\u7684\u65b0\u6570\u7ec4\u3002\uff08\u5c31\u662f\u6241\u5e73\u5316\u540e\u7684\u6bcf\u4e00\u9879\u91cd\u65b0\u7ec4\u6210\u7684\u6570\u7ec4\uff0c\u6240\u4ee5\u4e0d\u4f1a\u6539\u53d8\u539f\u6570\u7ec4\u3002\uff09 \u793a\u4f8b \u65b9\u6cd5\u5b9e\u73b0 \u901a\u8fc7reduce\u5b9e\u73b0 forEach + \u9012\u5f52\u5b9e\u73b0<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"http:\/\/icpnet.cn\/index.php?rest_route=\/wp\/v2\/posts\/29"}],"collection":[{"href":"http:\/\/icpnet.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/icpnet.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/icpnet.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/icpnet.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":1,"href":"http:\/\/icpnet.cn\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":30,"href":"http:\/\/icpnet.cn\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions\/30"}],"wp:attachment":[{"href":"http:\/\/icpnet.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/icpnet.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/icpnet.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}