{"id":14766,"date":"2024-03-15T09:55:52","date_gmt":"2024-03-15T09:55:52","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/"},"modified":"2025-08-06T12:56:48","modified_gmt":"2025-08-06T12:56:48","slug":"how-to-use-the-set-method-in-es6","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/","title":{"rendered":"How to use the set method in es6?"},"content":{"rendered":"

The Set object in ES6 is a data structure similar to an array that allows you to store unique values of any type, whether they are primitive values or object references. The values in a Set object are unordered and cannot be duplicated.<\/p>\n

There are a few steps to using the Set method:<\/p>\n

    \n
  1. Create a Set object: You can create an empty Set object using new Set(), or create a Set object with initial values by using an array, such as new Set([1, 2, 3]).<\/li>\n
  2. Add values: You can use the add() method of the Set object to add values to the Set object, for example set.add(value), where value is the value you want to add.<\/li>\n
  3. Remove value: You can use the delete() method of a Set object to remove a value from the Set, for example set.delete(value), where value is the value you want to delete.<\/li>\n
  4. To check if a value exists: You can use the has() method of a Set object to determine if a certain value is present in the Set. For example, set.has(value), where value is the value you want to check. It will return true if the value exists and false if it does not.<\/li>\n
  5. Get the size of the Set: You can use the size property of the Set object to retrieve the number of values in the Set, for example set.size.<\/li>\n
  6. Traverse a Set object: You can use the forEach() method of the Set object to iterate through the values in the Set, for example set.forEach(value => console.log(value)).<\/li>\n<\/ol>\n

    Here is an example using the Set method:<\/p>\n

    \/\/ \u521b\u5efa\u4e00\u4e2a\u7a7a\u7684Set\u5bf9\u8c61<\/span>\r\nconst<\/span> set = new<\/span> Set<\/span>();\r\n\r\n\/\/ \u6dfb\u52a0\u503c\u5230Set\u5bf9\u8c61\u4e2d<\/span>\r\nset.add<\/span>(1<\/span>);\r\nset.add<\/span>(2<\/span>);\r\nset.add<\/span>(3<\/span>);\r\n\r\n\/\/ \u5220\u9664Set\u4e2d\u7684\u503c<\/span>\r\nset.delete<\/span>(2<\/span>);\r\n\r\n\/\/ \u5224\u65ad\u67d0\u4e2a\u503c\u662f\u5426\u5b58\u5728\u4e8eSet\u4e2d<\/span>\r\nconsole<\/span>.log<\/span>(set.has<\/span>(1<\/span>)); \/\/ true<\/span>\r\nconsole<\/span>.log<\/span>(set.has<\/span>(2<\/span>)); \/\/ false<\/span>\r\n\r\n\/\/ \u83b7\u53d6Set\u7684\u5927\u5c0f<\/span>\r\nconsole<\/span>.log<\/span>(set.size<\/span>); \/\/ 2<\/span>\r\n\r\n\/\/ \u904d\u5386Set\u5bf9\u8c61<\/span>\r\nset.forEach<\/span>(value<\/span> =><\/span> console<\/span>.log<\/span>(value)); \/\/ 1, 3<\/span>\r\n<\/code><\/pre>\n
    It is important to note that the values in a Set object are unique, so if you try to add a duplicate value to the Set, it will not take effect.<\/p>\n","protected":false},"excerpt":{"rendered":"
    The Set object in ES6 is a data structure similar to an array that allows you to store unique values of any type, whether they are primitive values or object references. The values in a Set object are unordered and cannot be duplicated. There are a few steps to using the Set method: Create a […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[453,1402,299,1404,1403],"class_list":["post-14766","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-development","tag-guide","tag-programming","tag-technology","tag-tutorial"],"yoast_head":"\nHow to use the set method in es6? - Blog - Silicon Cloud<\/title>\n<meta name=\"description\" content=\"Learn about how to use the set method in es6?. Comprehensive guide with examples and best practices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use the set method in es6?\" \/>\n<meta property=\"og:description\" content=\"Learn about how to use the set method in es6?. Comprehensive guide with examples and best practices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-15T09:55:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-06T12:56:48+00:00\" \/>\n<meta name=\"author\" content=\"Liam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/\"},\"author\":{\"name\":\"Liam\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\"},\"headline\":\"How to use the set method in es6?\",\"datePublished\":\"2024-03-15T09:55:52+00:00\",\"dateModified\":\"2025-08-06T12:56:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/\"},\"wordCount\":310,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"keywords\":[\"Development\",\"guide\",\"programming\",\"technology\",\"tutorial\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/\",\"name\":\"How to use the set method in es6? - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-15T09:55:52+00:00\",\"dateModified\":\"2025-08-06T12:56:48+00:00\",\"description\":\"Learn about how to use the set method in es6?. Comprehensive guide with examples and best practices.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use the set method in es6?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\",\"name\":\"Liam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"caption\":\"Liam\"},\"sameAs\":[\"http:\/\/Wilson\"],\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to use the set method in es6? - Blog - Silicon Cloud","description":"Learn about how to use the set method in es6?. Comprehensive guide with examples and best practices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/","og_locale":"en_US","og_type":"article","og_title":"How to use the set method in es6?","og_description":"Learn about how to use the set method in es6?. Comprehensive guide with examples and best practices.","og_url":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-15T09:55:52+00:00","article_modified_time":"2025-08-06T12:56:48+00:00","author":"Liam","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Liam","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/"},"author":{"name":"Liam","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671"},"headline":"How to use the set method in es6?","datePublished":"2024-03-15T09:55:52+00:00","dateModified":"2025-08-06T12:56:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/"},"wordCount":310,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"keywords":["Development","guide","programming","technology","tutorial"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/","url":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/","name":"How to use the set method in es6? - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-15T09:55:52+00:00","dateModified":"2025-08-06T12:56:48+00:00","description":"Learn about how to use the set method in es6?. Comprehensive guide with examples and best practices.","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-to-use-the-set-method-in-es6\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use the set method in es6?"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671","name":"Liam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","caption":"Liam"},"sameAs":["http:\/\/Wilson"],"url":"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/14766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=14766"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/14766\/revisions"}],"predecessor-version":[{"id":48196,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/14766\/revisions\/48196"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=14766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=14766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=14766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}