ES6 Set: 数组去重利器 - 详细讲解与代码示例

ES6\u4e2d\u7684Set\u662f\u4e00\u79cd\u65b0\u7684\u6570\u636e\u7ed3\u6784\uff0c\u5b83\u7c7b\u4f3c\u4e8e\u6570\u7ec4\uff0c\u4f46\u662f\u6210\u5458\u7684\u503c\u90fd\u662f\u552f\u4e00\u7684\uff0c\u6ca1\u6709\u91cd\u590d\u7684\u503c\u3002\n\n\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528Set\u53bb\u9664\u6570\u7ec4\u7684\u91cd\u590d\u6210\u5458\uff0c\u5177\u4f53\u6b65\u9aa4\u5982\u4e0b\uff1a\n\n1\uff0e\u5b9a\u4e49\u4e00\u4e2a\u7a7a\u7684Set\uff1alet mySet = new Set();\n2\uff0e\u8f6e\u626b\u6570\u7ec4\uff0c\u5c06\u6570\u7ec4\u7684\u6bcf\u4e2a\u5143\u7d20\u6dfb\u52a0\u5230Set\u4e2d\uff1aarray.forEach(item => mySet.add(item));\n3\uff0e\u5c06Set\u8f6c\u6362\u4e3a\u6570\u7ec4\uff1alet newArray = Array.from(mySet);\n\n\u5b8c\u6574\u7684\u4ee3\u7801\u793a\u4f8b\uff1a\n\njavascript\nlet array = [1, 2, 3, 3, 4, 4, 5];\nlet mySet = new Set();\n\narray.forEach(item => mySet.add(item));\n\nlet newArray = Array.from(mySet);\nconsole.log(newArray); // [1, 2, 3, 4, 5]\n\n\n\u5728\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u9996\u5148\u5b9a\u4e49\u4e86\u4e00\u4e2a\u7a7a\u7684Set mySet\uff0c\u7136\u540e\u4f7f\u7528forEach\u65b9\u6cd5\u8f6e\u626b\u6570\u7ec4array\uff0c\u5c06\u6bcf\u4e2a\u5143\u7d20\u6dfb\u52a0\u5230Set\u4e2d\u3002\u7531\u4e8eSet\u53ea\u4f1a\u5b58\u50a8\u552f\u4e00\u7684\u503c\uff0c\u6240\u4ee5\u91cd\u590d\u7684\u5143\u7d20\u4e0d\u4f1a\u88ab\u6dfb\u52a0\u8fdb\u53bb\u3002\u6700\u540e\uff0c\u6211\u4eec\u4f7f\u7528Array.from\u65b9\u6cd5\u5c06Set\u8f6c\u6362\u4e3a\u6570\u7ec4newArray\uff0c\u5c31\u80fd\u5f97\u5230\u53bb\u9664\u91cd\u590d\u6210\u5458\u7684\u7ed3\u679c\u3002\n\n\u6ce8\u610f\uff1aSet\u4e2d\u7684\u5143\u7d20\u662f\u6309\u7167\u63d2\u5165\u7684\u987a\u5e8f\u8fdb\u884c\u6392\u5e8f\u7684\uff0c\u6240\u4ee5\u6700\u7ec8\u5f97\u5230\u7684\u6570\u7ec4\u4e2d\u7684\u5143\u7d20\u987a\u5e8f\u548c\u539f\u6570\u7ec4\u4e2d\u7684\u987a\u5e8f\u53ef\u80fd\u4f1a\u6709\u6240\u4e0d\u540c\u3002\u5982\u679c\u9700\u8981\u4fdd\u6301\u539f\u6570\u7ec4\u7684\u987a\u5e8f\uff0c\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u65b9\u6cd5\uff0c\u6bd4\u5982\u4f7f\u7528reduce\u65b9\u6cd5\u6765\u5b9e\u73b0\u53bb\u9664\u91cd\u590d\u3002