{"componentChunkName":"component---src-components-templates-blog-template-js","path":"/blog/2020/03/03/javascript_array_unique/index","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Array에서 Unique 값을 구하기\",\n  \"date\": \"2020-03-03T00:00:00.000Z\",\n  \"author\": \"rhapsodist\",\n  \"category_large\": \"development\",\n  \"category_small\": \"javascript\",\n  \"type\": \"blog\",\n  \"featuredImage\": \"../../../../mainImages/javascript.jpg\",\n  \"show\": \"show\",\n  \"tags\": [\"javascript\", \"array\", \"unique\", \"es6\"]\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Array\\uC5D0\\uC11C unique \\uAC12\\uC744 \\uAD6C\\uD558\\uAE30\"), mdx(\"h2\", null, \"1\", \".\", \" \\uAC1C\\uC694\"), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Array\"), \" ( \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\uBC30\\uC5F4\"), \" )\\uC5D0\\uC11C \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"unique\"), \" \\uAC12, \\uC989 \\uB611\\uAC19\\uC740 \\uAC12\\uC774 \\uC5C6\\uB294 \\uC0C1\\uD0DC\\uB85C \\uBC14\\uAFC0 \\uC218 \\uC788\\uB294 \\uBC29\\uBC95\\uC5D0\\uB294 \\uC5EC\\uB7EC\\uAC00\\uC9C0\\uAC00 \\uC788\\uB2E4.\\n\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"es6\"), \" \\uBB38\\uBC95\\uC5D0\\uC11C\\uB294 \\uAC04\\uB2E8\\uD788 \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\uD568\\uC218\"), \" \\uD558\\uB098\\uB85C \\uAC00\\uB2A5 \\uD558\\uAC8C \\uB418\\uC5C8\\uB2E4.\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Set\"))), mdx(\"h3\", null, \"Set \\uD568\\uC218\"), mdx(\"pre\", {\n    \"className\": \"grvsc-container dark-default-dark\",\n    \"data-language\": \"javascript\",\n    \"data-index\": \"0\"\n  }, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"grvsc-code\"\n  }), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk10\"\n  }), \"console\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"log\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"uniqueArray\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"([\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk7\"\n  }), \"1\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \", \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk7\"\n  }), \"2\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \", \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk7\"\n  }), \"3\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \", \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk7\"\n  }), \"1\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \", \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk7\"\n  }), \"5\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \", \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk7\"\n  }), \"6\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \", \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk7\"\n  }), \"8\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"]))\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  })), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk4\"\n  }), \"function\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"uniqueArray\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"array\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \") {\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"  \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk4\"\n  }), \"const\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"result\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" = \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk10\"\n  }), \"Array\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"from\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk4\"\n  }), \"new\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk10\"\n  }), \"Set\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"array\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"));\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"  \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk15\"\n  }), \"return\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"result\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"}\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  })), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk3\"\n  }), \"// => [1, 2, 3, 5, 6, 8]\")))), mdx(\"p\", null, \"Set \\uC5D0 \\uAE30\\uC874 array \\uB97C \\uB123\\uC5B4\\uC8FC\\uACE0, \\uB9AC\\uD134\\uAC12\\uC744 \\uB2E4\\uC2DC array\\uB85C \\uBC18\\uD658 \\uC2DC\\uCF1C\\uC8FC\\uBA74 \\uC704\\uC640 \\uAC19\\uC774 unique\\uD55C \\uAC12\\uC744 \\uC5BB\\uC744 \\uC218 \\uC788\\uB2E4.\"), mdx(\"style\", {\n    \"className\": \"grvsc-styles\"\n  }, \"\\n  .grvsc-container {\\n    overflow: auto;\\n    -webkit-overflow-scrolling: touch;\\n    padding-top: 1rem;\\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\\n    padding-bottom: 1rem;\\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\\n    border-radius: 8px;\\n    border-radius: var(--grvsc-border-radius, 8px);\\n    font-feature-settings: normal;\\n  }\\n  \\n  .grvsc-code {\\n    display: inline-block;\\n    min-width: 100%;\\n  }\\n  \\n  .grvsc-line {\\n    display: inline-block;\\n    box-sizing: border-box;\\n    width: 100%;\\n    padding-left: 1.5rem;\\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\\n    padding-right: 1.5rem;\\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\\n  }\\n  \\n  .grvsc-line-highlighted {\\n    background-color: var(--grvsc-line-highlighted-background-color, transparent);\\n    box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, transparent);\\n  }\\n  \\n  .dark-default-dark {\\n    background-color: #1E1E1E;\\n    color: #D4D4D4;\\n  }\\n  .dark-default-dark .mtk10 { color: #4EC9B0; }\\n  .dark-default-dark .mtk1 { color: #D4D4D4; }\\n  .dark-default-dark .mtk11 { color: #DCDCAA; }\\n  .dark-default-dark .mtk7 { color: #B5CEA8; }\\n  .dark-default-dark .mtk4 { color: #569CD6; }\\n  .dark-default-dark .mtk12 { color: #9CDCFE; }\\n  .dark-default-dark .mtk15 { color: #C586C0; }\\n  .dark-default-dark .mtk3 { color: #6A9955; }\\n\"));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Array에서 unique 값을 구하기 1 .  개요 Array  (  배열  )에서  unique  값, 즉 똑같은 값이 없는 상태로 바꿀 수 있는 방법에는 여러가지가 있다.\n es6  문법에서는 간단히  함수  하나로 가능 하게 되었다. Set…","frontmatter":{"title":"Array에서 Unique 값을 구하기","tags":["javascript","array","unique","es6"],"category_small":"javascript","author":"rhapsodist","date":"2020-03-03T00:00:00.000Z","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/f3d801b48d9b5d69a37d4577601fa5e6/252bd/javascript.jpg"}}}}},"allMdx":{"nodes":[{"frontmatter":{"title":"Vuejs slot에 다이나믹 name 사용하기","date":"2020-06-05T00:00:00.000Z","category_small":"vue","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/647653e9dfc171c2f4eb867eaac91d2c/14b42/vuejs.jpg"}}}},"fields":{"slug":"index","slug_path":"/2020/06/05/vuejs_dynamic_slot/index"}},{"frontmatter":{"title":"키보드로 세로길이가 바뀌는 것 방지하기","date":"2020-04-27T00:00:00.000Z","category_small":"react-native","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/9a6f09b9c16e7cf5abda5b3f23587fd3/ee604/react-native.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/27/react_native_by_keyboard_height_change/index"}},{"frontmatter":{"title":"Rails에서 local file 업로드하기","date":"2020-04-27T00:00:00.000Z","category_small":"ruby","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/b1949556d74ff53137994a068781a860/ee604/ruby.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/27/ruby_upload_local_file/index"}},{"frontmatter":{"title":"React-native 에 custom font 추가하기(no expo)","date":"2020-04-24T00:00:00.000Z","category_small":"react-native","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/9a6f09b9c16e7cf5abda5b3f23587fd3/ee604/react-native.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/24/react_native_custom_font/index"}},{"frontmatter":{"title":"React-native 에서 textShadow 사용하기","date":"2020-04-24T00:00:00.000Z","category_small":"react-native","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/9a6f09b9c16e7cf5abda5b3f23587fd3/ee604/react-native.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/24/react_native_text_shadow/index"}}]}},"pageContext":{"slug":"index","slug_path":"/2020/03/03/javascript_array_unique/index","type":"blog"}}}