https://zeffon.github.io/assets/js/3bc23e29.61818f59.js

1"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1541],{3905:function(e,t,r){r.d(t,{Zo:function(){return c},kt:function(){return m}});var a=r(67294);function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var i=a.createContext({}),s=function(e){var t=a.useContext(i),r=t;return e&&(r="function"==typeof e?e(t):o(o({},t),e)),r},c=function(e){var t=s(e.components);return a.createElement(i.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},f=a.forwardRef((function(e,t){var r=e.components,n=e.mdxType,l=e.originalType,i=e.parentName,c=p(e,["components","mdxType","originalType","parentName"]),f=s(r),m=n,k=f["".concat(i,".").concat(m)]||f[m]||u[m]||l;return r?a.createElement(k,o(o({ref:t},c),{},{components:r})):a.createElement(k,o({ref:t},c))}));function m(e,t){var r=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var l=r.length,o=new Array(l);o[0]=f;var p={};for(var i in t)hasOwnProperty.call(t,i)&&(p[i]=t[i]);p.originalType=e,p.mdxType="string"==typeof e?e:n,o[1]=p;for(var s=2;s<l;s++)o[s]=r[s];return a.createElement.apply(null,o)}return a.createElement.apply(null,r)}f.displayName="MDXCreateElement"},57392:function(e,t,r){r.r(t),r.d(t,{assets:function(){return i},contentTitle:function(){return o},default:function(){return u},frontMatter:function(){return l},metadata:function(){return p},toc:function(){return s}});var a=r(83117),n=(r(67294),r(3905));const l={slug:"js-array",title:"JS \u6570\u7ec4\u7684\u603b\u7ed3",authors:"zeffon",tags:["js"],date:"2021-12-17 10:28"},o=void 0,p={permalink:"/blog/js-array",editUrl:"https://github.com/zeffon/zeffon.github.io/blob/master/blog/2021/2021-12-17-js-array.md",source:"@site/blog/2021/2021-12-17-js-array.md",title:"JS \u6570\u7ec4\u7684\u603b\u7ed3",description:"\u5199\u4e00\u7bc7\u5173\u4e8e js \u6570\u7ec4\u76f8\u5173\u64cd\u4f5c\u7684\u603b\u7ed3\uff0c\u65b9\u4fbf\u540e\u7eed\u67e5\u9605\u3002",date:"2021-12-17T10:28:00.000Z",formattedDate:"December 17, 2021",tags:[{label:"js",permalink:"/blog/tags/js"}],readingTime:6.225,hasTruncateMarker:!0,authors:[{name:"Zeffon Wu",title:"A web engineer",url:"https://github.com/zeffon",imageURL:"https://github.com/zeffon.png",key:"zeffon"}],frontMatter:{slug:"js-array",title:"JS \u6570\u7ec4\u7684\u603b\u7ed3",authors:"zeffon",tags:["js"],date:"2021-12-17 10:28"},prevItem:{title:"\u6587\u672c\u63a7\u5236\u663e\u793a\u65b9\u5f0f",permalink:"/blog/text-show"},nextItem:{title:"JS \u5bf9\u8c61\u7684\u64cd\u4f5c",permalink:"/blog/js-object"}},i={authorsImageUrls:[void 0]},s=[{value:"\u6570\u7ec4\u7684\u57fa\u672c\u64cd\u4f5c",id:"\u6570\u7ec4\u7684\u57fa\u672c\u64cd\u4f5c",level:2}

1,{value:"\u6570\u7ec4\u904d\u5386",id:"\u6570\u7ec4\u904d\u5386",level:2},{value:"for \u5faa\u73af",id:"for-\u5faa\u73af",level:3},{value:"for-in \u5faa\u73af",id:"for-in-\u5faa\u73af",level:3},{value:"forEach \u5faa\u73af",id:"foreach-\u5faa\u73af",level:3},{value:"for-of \u5faa\u73af",id:"for-of-\u5faa\u73af",level:3},{value:"\u6570\u7ec4\u53bb\u91cd",id:"\u6570\u7ec4\u53bb\u91cd",level:2},{value:"<strong>\u53cc\u91cd for \u5faa\u73af</strong>",id:"\u53cc\u91cd-for-\u5faa\u73af",level:3},{value:"Array.filter + indexOf",id:"arrayfilter--indexof",level:3},{value:"<strong>for...of + includes()</strong>",id:"forof--includes",level:3},{value:"<strong>Array.sort()</strong>",id:"arraysort",level:3},{value:"<strong>new Set()</strong>",id:"new-set",level:3},{value:"<strong>for...of + Object</strong>",id:"forof--object",level:3}],c={toc:s};function u(e){let{components:t,...r}=e;return(0,n.kt)("wrapper",(0,a.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("p",null,"\u5199\u4e00\u7bc7\u5173\u4e8e ",(0,n.kt)("strong",{parentName:"p"},"js")," \u6570\u7ec4\u76f8\u5173\u64cd\u4f5c\u7684\u603b\u7ed3\uff0c\u65b9\u4fbf\u540e\u7eed\u67e5\u9605\u3002"),(0,n.kt)("p",null,"\u6570\u7ec4\u662f\u4e00\u79cd\u7c7b\u5217\u8868\u5bf9\u8c61\uff0c\u5b83\u7684\u539f\u578b\u4e2d\u63d0\u4f9b\u4e86\u904d\u5386\u548c\u4fee\u6539\u5143\u7d20\u7684\u76f8\u5173\u64cd\u4f5c\u3002JavaScript \u6570\u7ec4\u7684\u957f\u5ea6\u548c\u5143\u7d20\u7c7b\u578b\u90fd\u662f\u975e\u56fa\u5b9a\u7684\u3002\u56e0\u4e3a\u6570\u7ec4\u7684\u957f\u5ea6\u53ef\u968f\u65f6\u6539\u53d8\uff0c\u5e76\u4e14\u5176\u6570\u636e\u5728\u5185\u5b58\u4e2d\u4e5f\u53ef\u4ee5\u4e0d\u8fde\u7eed\uff0c\u6240\u4ee5 JavaScript \u6570\u7ec4\u4e0d\u4e00\u5b9a\u662f\u5bc6\u96c6\u578b\u7684\uff0c\u8fd9\u53d6\u51b3\u4e8e\u5b83\u7684\u4f7f\u7528\u65b9\u5f0f\u3002\u66f4\u591a\u53ef\u4ee5\u5728",(0,n.kt)("a",{parentName:"p",href:"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array"},"MDN"),"\u4e0a\u67e5\u9605\u3002"),(0,n.kt)("p",null,"\u53c2\u8003\u81ea\u5404\u4f4d\u5927\u4f6c\uff1a"),(0,n.kt)("ol",null,(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("a",{parentName:"li",href:"https://segmentfault.com/a/1190000039308259"},"JS \u4e2d\u5faa\u73af\u904d\u5386\u6570\u7ec4\u65b9\u5f0f\u603b\u7ed3")),(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("a",{parentName:"li",href:"https://www.cnblogs.com/wisewrong/p/9642264.html"},"JavaScript \u9ad8\u6027\u80fd\u6570\u7ec4\u53bb\u91cd"))),(0,n.kt)("h2",{id:"\u6570\u7ec4\u7684\u57fa\u672c\u64cd\u4f5c"},"\u6570\u7ec4\u7684\u57fa\u672c\u64cd\u4f5c"),(0,n.kt)("ol",null,(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"\u521b\u5efa\u6570\u7ec4")),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},'const fruits = ["Apple", "Banana"];\nconsole.log(fruits.length); // 2\n'))),(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"\u65b0\u589e\u5143\u7d20")),(0,n.kt)("p",{parentName:"li"},"push \u65b0\u589e\u5143\u7d20\u5230\u6570\u7ec4\u7684\u672b\u5c3e"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"const fruits = [\"Apple\", \"Banana\"];\nfruits.push(\"Orange\");\nconsole.log(fruits); // ['Apple', 'Banana', 'Orange']\n")),(0,n.kt)("p",{parentName:"li"},"unshift \u65b0\u589e\u5143\u7d20\u5230\u6570\u7ec4\u7684\u5934\u90e8"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"const fruits = [\"Apple\", \"Banana\"];\nfruits.unshift(\"Mango\");\nconsole.log(fruits); // ['Mango', 'Apple', 'Banana']\n"))),(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"\u67e5\u8be2\u5143\u7d20")),(0,n.kt)("p",{parentName:"li"},"\u901a\u8fc7\u7d22\u5f15\u8bbf\u95ee\u6570\u7ec4\u5143\u7d20"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},'const fruits = ["Apple", "Banana"];\nlet apple = fruits[0];\nconsole.log(apple); // Apple\n')),(0,n.kt)("p",{parentName:"li"},"\u627e\u51fa\u67d0\u4e2a\u5143\u7d20\u5728\u6570\u7ec4\u4e2d\u7684\u7d22\u5f15"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},'const fruits = ["Apple", "Banana"];\nfruits.push("Mango"); // [\'Apple\', \'Banana\', \'Mango\']["Apple", "Banana", "Mango"]\nlet pos = fruits.indexOf("Banana");\nconsole.log(pos); // 1\n'))),(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"\u4fee\u6539\u5143\u7d20")),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},'const fruits = ["Apple", "Banana", "Mango"];\nfruits[0] = "Orange";\nconsole.log(fruits); // [\'Orange\', \'Banana\', \'Mango\']\n'))),(0,n.kt)("li",{parentName:"ol"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"\u5220\u9664\u5143\u7d20")),(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"pop")," \u5220\u9664\u6570\u7ec4\u672b\u5c3e\u7684\u5143\u7d20"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},'const fruits = ["Apple", "Banana", "Mango"];\nfruits.pop();\nconsole.log(fruits); // [\'Apple\', \'Banana\']\n')),(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"shift")," \u5220\u9664\u6570\u7ec4\u5934\u90e8\u5143\u7d20"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},'const fruits = ["Apple", "Banana", "Mango"];\nfruits.shift();\nconsole.log(fruits); // [\'Banana\', \'Mango\']\n')))),(0,n.kt)("h2",{id:"\u6570\u7ec4\u904d\u5386"},"\u6570\u7ec4\u904d\u5386"),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"js")," \u6570\u7ec4\u7684\u7d22\u5f15\u662f\u4ece 0 \u5f00\u59cb\u7684\uff0c\u7b2c\u4e00\u4e2a\u5143\u7d20\u7684\u7d22\u5f15\u4e3a 0\uff0c\u6700\u540e\u4e00\u4e2a\u5143\u7d20\u7684\u7d22\u5f15\u7b49\u4e8e\u8be5\u6570\u7ec4\u7684 \u957f\u5ea6 length \u51cf 1\u3002\u5982\u679c\u6307\u5b9a\u7684\u7d22\u5f15\u662f\u4e00\u4e2a\u65e0\u6548\u503c\uff0c",(0,n.kt)("strong",{parentName:"p"},"js")," \u6570\u7ec4\u5e76\u4e0d\u4f1a\u62a5\u9519\uff0c\u800c\u662f\u4f1a\u8fd4\u56de ",(0,n.kt)("strong",{parentName:"p"},"undefined"),"\u3002"),(0,n.kt)("h3",{id:"for-\u5faa\u73af"},"for \u5faa\u73af"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u5b83\u7528\u9014\u5e7f\u6cdb\uff0c\u4f46\u662f\u5f53\u6211\u4eec\u8981\u904d\u5386\u6570\u7ec4\u65f6\u4e5f\u5f88\u9ebb\u70e6\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u5982\u679c\u6211\u4eec\u4e0d\u60f3\u4ece\u7b2c\u4e00\u4e2a\u6570\u7ec4\u5143\u7d20\u5f00\u59cb\u5faa\u73af\u65f6\u5b83\u4ecd\u7136\u5f88\u6709\u7528\uff0c\u7528\u5176\u4ed6\u7684\u5faa\u73af\u673a\u5236\u5f88\u96be\u505a\u5230\u8fd9\u4e00\u70b9\u3002"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"const array = [0, 1, 2, 3, 4, 5, 6];\nfor (let i = 0; i < array.length;

1 i++) {\n  console.log(i);\n}\n")))),(0,n.kt)("h3",{id:"for-in-\u5faa\u73af"},"for-in \u5faa\u73af"),(0,n.kt)("blockquote",null,(0,n.kt)("p",{parentName:"blockquote"},"\u5bf9\u8c61\u4e5f\u53ef\u4ee5\u7528\u6b64\u8fdb\u884c\u904d\u5386 key")),(0,n.kt)("p",null,"for-in \u8bbf\u95ee\u7ee7\u627f\u5c5e\u6027\u7684\u5b9e\u9645\u7528\u9014\u662f\uff1a\u904d\u5386\u5bf9\u8c61\u7684\u6240\u6709\u53ef\u679a\u4e3e\u5c5e\u6027\u3002"),(0,n.kt)("p",null,"for-in \u4e0d\u662f\u5faa\u73af\u904d\u5386\u6570\u7ec4\u7684\u597d\u65b9\u6cd5\uff1a"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u5b83\u8bbf\u95ee\u7684\u662f\u5c5e\u6027\u952e\uff0c\u800c\u4e0d\u662f\u503c\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u4f5c\u4e3a\u5c5e\u6027\u952e\uff0c\u6570\u7ec4\u5143\u7d20\u7684\u7d22\u5f15\u662f\u5b57\u7b26\u4e32\uff0c\u800c\u4e0d\u662f\u6570\u5b57\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u5b83\u8bbf\u95ee\u7684\u662f\u6240\u6709\u53ef\u679a\u4e3e\u7684\u5c5e\u6027\u952e\uff08\u81ea\u5df1\u7684\u548c\u7ee7\u627f\u7684\uff09\uff0c\u800c\u4e0d\u4ec5\u4ec5\u662f Array \u5143\u7d20\u7684\u90a3\u4e9b\u3002"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"const array = [0, 1, 2, 3, 4, 5, 6];\nfor (const key in array) {\n  console.log(key);\n}\n")))),(0,n.kt)("h3",{id:"foreach-\u5faa\u73af"},"forEach \u5faa\u73af"),(0,n.kt)("p",null,"\u7f3a\u70b9\uff1a"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u4e0d\u80fd\u5728\u5b83\u7684\u5faa\u73af\u4f53\u4e2d\u4f7f\u7528 await\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u4e0d\u80fd\u63d0\u524d\u9000\u51fa forEach() \u5faa\u73af\u3002\u800c\u5728 for \u5faa\u73af\u4e2d\u53ef\u4ee5\u4f7f\u7528 break\u3002"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"const array = [0, 1, 2, 3, 4, 5, 6];\narray.forEach((item, index) => {\n  console.log(item, index);\n});\n")))),(0,n.kt)("h3",{id:"for-of-\u5faa\u73af"},"for-of \u5faa\u73af"),(0,n.kt)("p",null,"for-of \u5728\u5faa\u73af\u904d\u5386\u6570\u7ec4\u65f6\u975e\u5e38\u6709\u6548\uff1a"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u7528\u6765\u904d\u5386\u6570\u7ec4\u5143\u7d20\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u53ef\u4ee5\u4f7f\u7528 await"),(0,n.kt)("ul",{parentName:"li"},(0,n.kt)("li",{parentName:"ul"},"\u5982\u679c\u6709\u9700\u8981\uff0c\u53ef\u4ee5\u8f7b\u677e\u5730\u8fc1\u79fb\u5230 ",(0,n.kt)("a",{parentName:"li",href:"https://link.segmentfault.com/?enc=D2GeRPesr%2BQieIr%2Fz1BvsA%3D%3D.8ETmL6f63PkBFyMQsqeA1MtlrEs2X6H0i%2BIsgieyAjtQn4Yj1NRmMF%2BaF71ZQRaxk2NW0uszEFSGNc01F75bOPZe%2FB6guZ3A%2BOzu7116UYk%3D"},"for-await-of"),"\u3002"))),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},"\u751a\u81f3\u53ef\u4ee5\u5c06 break \u548c continue \u7528\u4e8e\u5916\u90e8\u4f5c\u7528\u57df\u3002"),(0,n.kt)("pre",{parentName:"li"},(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"const array = [0, 1, 2, 3, 4, 5, 6];\nfor (const item of array) {\n  console.log(item);\n}\n")))),(0,n.kt)("h2",{id:"\u6570\u7ec4\u53bb\u91cd"},"\u6570\u7ec4\u53bb\u91cd"),(0,n.kt)("p",null,"\u6570\u7ec4\u53bb\u91cd\u4e00\u822c\u90fd\u662f\u4e24\u4e2a\u6570\u7ec4\u4e4b\u95f4\u8fdb\u884c\u6bd4\u8f83\u53bb\u91cd\u7684\u3002"),(0,n.kt)("h3",{id:"\u53cc\u91cd-for-\u5faa\u73af"},(0,n.kt)("strong",{parentName:"h3"},"\u53cc\u91cd for \u5faa\u73af")),(0,n.kt)("p",null,"\u5c06\u4e24\u4e2a\u6570\u7ec4\u5408\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u7136\u540e\u53cc\u91cd for \u5faa\u73af\uff0c\u5728\u5916\u5c42\u904d\u5386\u6240\u6709\u5143\u7d20\uff0c\u5185\u5c42\u8fdb\u884c\u68c0\u67e5\u5143\u7d20\u662f\u5426\u91cd\u590d\u3002\n",(0,n.kt)("strong",{parentName:"p"},"\u8fd9\u79cd\u53cc\u91cd\u5faa\u73af\u5224\u65ad\u7684\u53bb\u91cd\u7684\u6548\u7387\u662f\u6781\u5dee\u7684")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"function distinct(arr1, arr2) {\n  let arr = arr1.concat(arr2);\n  const len = arr.length;\n  for (let i = 0; i < len;

1 i++) {\n    for (let j = i + 1; j < len; j++) {\n      if (arr[i] == arr[j]) {\n        arr.splice(j, 1);\n        len--;\n        j--;\n      }\n    }\n  }\n  return arr;\n}\n")),(0,n.kt)("h3",{id:"arrayfilter--indexof"},"Array.filter + indexOf"),(0,n.kt)("p",null,"\u5c06\u4e24\u4e2a\u6570\u7ec4\u62fc\u63a5\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u7136\u540e\u4f7f\u7528 ES6 \u4e2d\u7684 Array.filter() \u904d\u5386\u6570\u7ec4\uff0c\u5e76\u7ed3\u5408 indexOf \u6765\u6392\u9664\u91cd\u590d\u9879"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"function distinct(arr1, arr2) {\n  let arr = arr1.concat(arr2);\n  return arr.filter((item, index) => {\n    return arr.indexOf(item) === index;\n  });\n}\n")),(0,n.kt)("h3",{id:"forof--includes"},(0,n.kt)("strong",{parentName:"h3"},"for...of + includes()")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"function distinct(arr1, arr2) {\n  let arr = arr1.concat(arr2);\n  let result = [];\n  for (let i of arr) {\n    !result.includes(i) && result.push(i);\n  }\n  return result;\n}\n")),(0,n.kt)("h3",{id:"arraysort"},(0,n.kt)("strong",{parentName:"h3"},"Array.sort()")),(0,n.kt)("p",null,"\u5408\u5e76\u540e\u6570\u7ec4\u8fdb\u884c\u6392\u5e8f\uff0c\u518d\u6bd4\u8f83\u76f8\u90bb\u5143\u7d20\u53bb\u91cd\uff0c\u6548\u7387\u4f1a\u6bd4\u524d\u9762\u4e09\u4e2a\u9ad8\u3002"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"function distinct(arr1, arr2) {\n  let arr = arr1.concat(arr2);\n  arr = arr.sort();\n  const len = arr.length;\n  let result = [arr[0]];\n  for (let i = 1; i < len; i++) {\n    arr[i] !== arr[i - 1] && result.push(arr[i]);\n  }\n  return result;\n}\n")),(0,n.kt)("h3",{id:"new-set"},(0,n.kt)("strong",{parentName:"h3"},"new Set()")),(0,n.kt)("p",null,"\u4f7f\u7528 ES6 \u65b0\u589e\u7684 new Set() \u65b9\u6cd5\u6765\u5224\u65ad\u53bb\u91cd\u3002",(0,n.kt)("strong",{parentName:"p"},"\u8fd9\u79cd\u65b9\u5f0f\u6bd4\u8f83\u63a8\u8350\u3002")),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"function distinct(arr1, arr2) {\n  return Array.from(new Set([...arr1, ...arr2]));\n}\n")),(0,n.kt)("h3",{id:"forof--object"},(0,n.kt)("strong",{parentName:"h3"},"for...of + Object")),(0,n.kt)("p",null,"\u9996\u5148\u521b\u5efa\u4e00\u4e2a\u7a7a\u5bf9\u8c61\uff0c\u7136\u540e\u7528 for \u5faa\u73af\u904d\u5386\u3002\u5229\u7528\u5bf9\u8c61\u7684\u5c5e\u6027\u4e0d\u4f1a\u91cd\u590d\u8fd9\u4e00\u7279\u6027\uff0c\u6821\u9a8c\u6570\u7ec4\u5143\u7d20\u662f\u5426\u91cd\u590d\u3002\n\u8fd9\u79cd\u6548\u7387\u662f\u6700\u9ad8\u7684\u3002"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-javascript"},"function distinct(arr1, arr2) {\n  let arr = arr1.concat(arr2);\n  let arr = a.concat(b);\n  let result = [];\n  let obj = {};\n  for (let i of arr) {\n    if (!obj[i]) {\n      result.push(i);\n      obj[i] = 1;\n    }\n  }\n  return result;\n}\n")))}u.isMDXComponent=!0}}]);