{"id":1377,"date":"2020-11-27T08:14:09","date_gmt":"2020-11-27T00:14:09","guid":{"rendered":"https:\/\/jimmyswebnote.com\/?p=1377"},"modified":"2021-11-06T15:25:03","modified_gmt":"2021-11-06T07:25:03","slug":"javascript-remove-duplicate-item","status":"publish","type":"post","link":"https:\/\/jimmyswebnote.com\/javascript-remove-duplicate-item\/","title":{"rendered":"\u3010JavaScript\u3011\u5982\u4f55\u522a\u9664\u9663\u5217\u91cd\u8907\u9805"},"content":{"rendered":"\n<p>\u6700\u8fd1\u5be6\u4f5c\u5f8c\u7aef\u6642\u9700\u8981\u522a\u9664\u9663\u5217\u91cd\u8907\u9805\uff0c\u4f46google\u4e86\u4e00\u4e0b\u767c\u73fe\u65b9\u6cd5\u90fd\u597d\u8907\u96dc\uff0c\u6240\u4ee5\u5f8c\u4f86\u4e7e\u8106\u81ea\u5df1\u60f3\uff0c\u7d00\u9304\u4e00\u4e0b\u81ea\u5df1\u7684\u65b9\u6cd5~<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-662f79fe7c31b\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-662f79fe7c31b\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/jimmyswebnote.com\/javascript-remove-duplicate-item\/#%E4%BE%8B%E4%B8%80%EF%BC%9A\" title=\"\u4f8b\u4e00\uff1a\">\u4f8b\u4e00\uff1a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/jimmyswebnote.com\/javascript-remove-duplicate-item\/#%E4%BE%8B%E4%BA%8C%EF%BC%9A\" title=\"\u4f8b\u4e8c\uff1a\">\u4f8b\u4e8c\uff1a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/jimmyswebnote.com\/javascript-remove-duplicate-item\/#%E4%BE%8B%E4%B8%89%EF%BC%9A\" title=\"\u4f8b\u4e09\uff1a\">\u4f8b\u4e09\uff1a<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"%E4%BE%8B%E4%B8%80%EF%BC%9A\"><\/span>\u4f8b\u4e00\uff1a<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const duplicate = [1, 1, 2, 3, 4, 4, 5, 5, 5]\n\n\/\/ \u65b9\u6cd5\u4e00\nconst result = []\nduplicate.forEach((num) => {\n  if (!result.includes(num)) {\n    result.push(num);\n  }\n})\n\n\/\/ \u65b9\u6cd5\u4e8c\nconst result = duplicate.filter((element, index, arr) => {\n  return arr.indexOf(element) === index;\n});\n\n\/\/ \u65b9\u6cd5\u4e09\nconst result = [...new Set(duplicate)];\n\nconsole.log(result)\n\/\/ [ 1, 2, 3, 4, 5 ]<\/code><\/pre>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"%E4%BE%8B%E4%BA%8C%EF%BC%9A\"><\/span>\u4f8b\u4e8c\uff1a<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const scapes = [\n  {\n    image: \"uploads\/images1\",\n    imageScapeName: \"\u4e5d\u4efd\",\n  },\n  {\n    image: \"uploads\/images2\",\n    imageScapeName: \"\u65b0\u5e97\u4e4b\u773c\",\n  },\n  {\n    image: \"uploads\/images3\",\n    imageScapeName: \"\u4e5d\u4efd\",\n  },\n  {\n    image: \"uploads\/images4\",\n    imageScapeName: \"\u4e5d\u4efd\",\n  },\n  {\n    image: \"uploads\/images5\",\n    imageScapeName: \"\u65b0\u5e97\u4e4b\u773c\",\n  },\n  {\n    image: \"uploads\/images6\",\n    imageScapeName: \"\u65b0\u5e97\u4e4b\u773c\",\n  },\n];\n\n\/\/ \u65b9\u6cd5\u4e00\nconst result = [];\nscapes.forEach((scape) =&gt; {\n  if (!result.find(r =&gt; r.imageScapeName === scape.imageScapeName)) {\n    result.push(scape);\n  }\n})\n\n\/\/ \u65b9\u6cd5\u4e8c\nconst result = scapes.filter((scape, index, arr) =&gt; {\n  return arr.findIndex(s =&gt; scape.imageScapeName === s.imageScapeName) === index;\n});\n\nconsole.log(result);\n\/* [\n  { image: 'uploads\/images1', imageScapeName: '\u4e5d\u4efd' },\n  { image: 'uploads\/images2', imageScapeName: '\u65b0\u5e97\u4e4b\u773c' }\n] *\/<\/code><\/pre>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"%E4%BE%8B%E4%B8%89%EF%BC%9A\"><\/span>\u4f8b\u4e09\uff1a<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">let arr = [1, 2, 1, 2, 3, 5, 4, 5];\nlet result = arr.sort().reduce((init, current) =&gt; {\n    if (init.length === 0 || init[init.length - 1] !== current) {\n        init.push(current);\n    }\n    return init;\n}, []);\nconsole.log(result); \/\/[1,2,3,4,5]<\/code><\/pre>\n\n\n\n\n\n<p>\u5982\u679c\u89ba\u5f97\u6211\u7684\u6587\u7ae0\u6709\u5e6b\u52a9\u7684\u8a71\uff0c\u6b61\u8fce\u5e6b\u6211\u7684\u7c89\u5c08\u6309\u8b9a\u54e6~\u8b1d\u8b1d\u4f60\uff01<br><\/p>\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fjimmyswebnote&amp;tabs=timeline&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId\" width=\"340\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6700\u8fd1\u5be6\u4f5c\u5f8c\u7aef\u6642\u9700\u8981\u522a\u9664\u9663\u5217\u91cd\u8907\u9805\uff0c\u4f46google\u4e86\u4e00\u4e0b\u767c\u73fe\u65b9\u6cd5\u90fd\u597d\u8907\u96dc\uff0c\u6240\u4ee5\u5f8c\u4f86\u4e7e\u8106\u81ea\u5df1\u60f3\uff0c\u7d00\u9304\u4e00\u4e0b\u81ea\u5df1\u7684\u65b9\u6cd5~ \u4f8b\u4e00\uff1a \u4f8b\u4e8c\uff1a \u4f8b\u4e09\uff1a<\/p>\n","protected":false},"author":1,"featured_media":1385,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[66,19],"tags":[67],"_links":{"self":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/posts\/1377"}],"collection":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/comments?post=1377"}],"version-history":[{"count":2,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/posts\/1377\/revisions"}],"predecessor-version":[{"id":2258,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/posts\/1377\/revisions\/2258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/media\/1385"}],"wp:attachment":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/media?parent=1377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/categories?post=1377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/tags?post=1377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}