{"id":3421,"date":"2026-10-02T02:58:46","date_gmt":"2026-10-02T01:58:46","guid":{"rendered":"https:\/\/codeflarelimited.com\/blog\/?p=3421"},"modified":"2026-10-02T02:58:49","modified_gmt":"2026-10-02T01:58:49","slug":"javascript-collections","status":"publish","type":"post","link":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/","title":{"rendered":"JavaScript Collections"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">JavaScript collections are data structures used to&nbsp;<strong>store, organize, retrieve, and manipulate groups of values<\/strong>. Choosing the right collection can make your code simpler, faster, and easier to maintain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/codeflarelimited.com\/training\">Learn software engineering<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The most important JavaScript collections are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Arrays<\/li>\n\n\n\n<li>Objects<\/li>\n\n\n\n<li><code>Map<\/code><\/li>\n\n\n\n<li><code>Set<\/code><\/li>\n\n\n\n<li><code>WeakMap<\/code><\/li>\n\n\n\n<li><code>WeakSet<\/code><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">1. Arrays<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An&nbsp;<strong>Array<\/strong>&nbsp;is an ordered collection of values. Each value has a numeric index beginning at&nbsp;<code>0<\/code>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const languages = [\"JavaScript\", \"Python\", \"Java\"];\n\nconsole.log(languages[0]);\n\/\/ JavaScript<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Arrays can contain almost anything:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const data = [\n  \"JavaScript\",\n  42,\n  true,\n  { framework: \"React\" },\n  [\"Node.js\", \"Express\"]\n];<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Common Array operations<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const fruits = [\"Apple\", \"Banana\"];\n\nfruits.push(\"Orange\");    \/\/ Add to end\nfruits.unshift(\"Mango\"); \/\/ Add to beginning\n\nfruits.pop();             \/\/ Remove from end\nfruits.shift();           \/\/ Remove from beginning<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Arrays also provide powerful transformation methods.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const numbers = [1, 2, 3, 4, 5];\n\nconst doubled = numbers.map(n =&gt; n * 2);\n\nconst even = numbers.filter(n =&gt; n % 2 === 0);\n\nconst total = numbers.reduce(\n  (sum, n) =&gt; sum + n,\n  0\n);\n\nconsole.log(doubled);\n\/\/ [2, 4, 6, 8, 10]\n\nconsole.log(even);\n\/\/ [2, 4]\n\nconsole.log(total);\n\/\/ 15<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Use an Array when&nbsp;<strong>order and position matter<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Objects<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Objects store information as&nbsp;<strong>key-value pairs<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const developer = {\n  name: \"Alex\",\n  language: \"JavaScript\",\n  experience: 5\n};<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Access properties using dot notation:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">console.log(developer.name);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Or bracket notation:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">console.log(developer[\"language\"]);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You can add or modify properties:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">developer.framework = \"React\";\n\ndeveloper.experience = 6;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">And remove them:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">delete developer.framework;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Objects are especially useful for representing structured entities:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const product = {\n  id: 101,\n  name: \"Laptop\",\n  price: 1500,\n  inStock: true\n};<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Objects aren&#8217;t technically part of JavaScript&#8217;s specialized keyed-collection types, but they are one of the language&#8217;s most commonly used structures for storing collections of named values.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">3. Map<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">A&nbsp;<code>Map<\/code>&nbsp;stores&nbsp;<strong>key-value pairs<\/strong>, similar to an Object.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const user = new Map();\n\nuser.set(\"name\", \"Alex\");\nuser.set(\"role\", \"Developer\");\nuser.set(\"age\", 30);\n\nconsole.log(user.get(\"name\"));\n\/\/ Alex<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The major difference is that Map keys can be&nbsp;<strong>any value<\/strong>, not just strings or symbols.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const map = new Map();\n\nmap.set(\"name\", \"JavaScript\");\nmap.set(10, \"Ten\");\nmap.set(true, \"Boolean\");\n\nconst obj = {};\n\nmap.set(obj, \"Object key\");<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Useful Map methods<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const languages = new Map();\n\nlanguages.set(\"js\", \"JavaScript\");\nlanguages.set(\"py\", \"Python\");\nlanguages.set(\"java\", \"Java\");\n\nlanguages.get(\"js\");\n\/\/ JavaScript\n\nlanguages.has(\"py\");\n\/\/ true\n\nlanguages.delete(\"java\");\n\nconsole.log(languages.size);\n\/\/ 2<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Clear everything:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">languages.clear();<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Iterating through a Map<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const frameworks = new Map([\n  [\"React\", \"Frontend\"],\n  [\"Express\", \"Backend\"],\n  [\"Next.js\", \"Full Stack\"]\n]);\n\nfor (const [name, type] of frameworks) {\n  console.log(name, type);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You can also retrieve keys and values separately:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">frameworks.keys();\nframeworks.values();\nframeworks.entries();<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Use&nbsp;<code>Map<\/code>&nbsp;when you need a true&nbsp;<strong>key-value collection<\/strong>, particularly when keys aren&#8217;t necessarily strings.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">4. Set<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">A&nbsp;<code>Set<\/code>&nbsp;stores&nbsp;<strong>unique values<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const numbers = new Set();\n\nnumbers.add(10);\nnumbers.add(20);\nnumbers.add(30);\nnumbers.add(20);\n\nconsole.log(numbers);\n\/\/ Set(3) {10, 20, 30}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The second&nbsp;<code>20<\/code>&nbsp;isn&#8217;t added because Sets don&#8217;t contain duplicate values.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Common Set operations<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const technologies = new Set([\n  \"JavaScript\",\n  \"React\",\n  \"Node.js\"\n]);\n\ntechnologies.add(\"TypeScript\");\n\ntechnologies.has(\"React\");\n\/\/ true\n\ntechnologies.delete(\"Node.js\");\n\nconsole.log(technologies.size);<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Removing duplicates with Set<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">One of the most useful applications of&nbsp;<code>Set<\/code>&nbsp;is removing duplicate array values.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const numbers = [1, 2, 2, 3, 3, 4, 5];\n\nconst unique = [...new Set(numbers)];\n\nconsole.log(unique);\n\/\/ [1, 2, 3, 4, 5]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Iterating through Sets<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const skills = new Set([\n  \"JavaScript\",\n  \"React\",\n  \"Node.js\"\n]);\n\nfor (const skill of skills) {\n  console.log(skill);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Use a Set when&nbsp;<strong>uniqueness matters<\/strong>.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">5. Set Operations<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Modern JavaScript also supports useful mathematical-style Set operations in current runtimes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Suppose we have:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const frontend = new Set([\n  \"JavaScript\",\n  \"React\",\n  \"CSS\"\n]);\n\nconst backend = new Set([\n  \"JavaScript\",\n  \"Node.js\",\n  \"SQL\"\n]);<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Union<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Everything contained in either Set:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const allSkills = frontend.union(backend);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Result conceptually:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">JavaScript\nReact\nCSS\nNode.js\nSQL<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Intersection<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Values appearing in both:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const shared = frontend.intersection(backend);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Result:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">JavaScript<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Difference<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Values in one Set but not the other:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const frontendOnly =\n  frontend.difference(backend);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Result:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">React\nCSS<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">There are also methods such as:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">setA.isSubsetOf(setB);\nsetA.isSupersetOf(setB);\nsetA.isDisjointFrom(setB);\nsetA.symmetricDifference(setB);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">These are particularly useful when JavaScript Sets represent permissions, categories, selections, tags, or groups.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">6. WeakMap<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><code>WeakMap<\/code>&nbsp;is similar to&nbsp;<code>Map<\/code>, but its keys must be&nbsp;<strong>objects or non-registered symbols<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const privateData = new WeakMap();\n\nconst user = {\n  name: \"Alex\"\n};\n\nprivateData.set(user, {\n  password: \"secret\"\n});\n\nconsole.log(privateData.get(user));<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">One important property of WeakMap is that it doesn&#8217;t keep an object alive solely because that object exists as a key.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">let user = {\n  name: \"Alex\"\n};\n\nconst metadata = new WeakMap();\n\nmetadata.set(user, {\n  lastLogin: Date.now()\n});\n\nuser = null;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">If nothing else references the original object, JavaScript is free to garbage-collect it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This makes WeakMaps useful for associating metadata or private information with objects without unnecessarily preventing garbage collection.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unlike&nbsp;<code>Map<\/code>, WeakMap isn&#8217;t enumerable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can&#8217;t do this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">for (const item of metadata) {\n  \/\/ TypeError\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Nor does it expose a&nbsp;<code>size<\/code>&nbsp;property.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">7. WeakSet<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><code>WeakSet<\/code>&nbsp;follows a similar idea but stores&nbsp;<strong>unique garbage-collectable values<\/strong>, such as objects and non-registered symbols, rather than key-value pairs.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const processedUsers = new WeakSet();\n\nconst user = {\n  name: \"Alex\"\n};\n\nprocessedUsers.add(user);\n\nconsole.log(\n  processedUsers.has(user)\n);\n\/\/ true<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A useful pattern is keeping track of objects that have already been processed:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const visited = new WeakSet();\n\nfunction processUser(user) {\n\n  if (visited.has(user)) {\n    return;\n  }\n\n  visited.add(user);\n\n  console.log(\"Processing...\");\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Like WeakMap, WeakSet isn&#8217;t enumerable.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Array vs Object vs Map vs Set<\/h1>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Collection<\/th><th>Structure<\/th><th>Duplicates<\/th><th>Typical use<\/th><\/tr><\/thead><tbody><tr><td><code>Array<\/code><\/td><td>Indexed values<\/td><td>Yes<\/td><td>Ordered lists<\/td><\/tr><tr><td><code>Object<\/code><\/td><td>Properties<\/td><td>Keys unique<\/td><td>Structured records<\/td><\/tr><tr><td><code>Map<\/code><\/td><td>Key-value pairs<\/td><td>Keys unique<\/td><td>Dynamic dictionaries<\/td><\/tr><tr><td><code>Set<\/code><\/td><td>Values<\/td><td>No<\/td><td>Unique values<\/td><\/tr><tr><td><code>WeakMap<\/code><\/td><td>Weak key-value associations<\/td><td>Keys unique<\/td><td>Object metadata<\/td><\/tr><tr><td><code>WeakSet<\/code><\/td><td>Weak collection of values<\/td><td>No<\/td><td>Tracking objects<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The easiest way to remember the distinction is:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">Need an ordered list?\n        \u2193\n      Array\n\nNeed a structured record?\n        \u2193\n      Object\n\nNeed key \u2192 value relationships?\n        \u2193\n       Map\n\nNeed unique values?\n        \u2193\n       Set\n\nNeed object-associated data\nwithout preventing garbage collection?\n        \u2193\n     WeakMap\n\nNeed to weakly track whether\nan object belongs to a group?\n        \u2193\n     WeakSet<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Practical Example<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Consider an application managing students.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An Array can hold the students:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const students = [\n  { id: 1, name: \"John\" },\n  { id: 2, name: \"Sarah\" }\n];<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A Map can provide fast lookup by ID:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const studentMap = new Map();\n\nfor (const student of students) {\n  studentMap.set(student.id, student);\n}\n\nconsole.log(studentMap.get(2));\n\/\/ { id: 2, name: \"Sarah\" }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">A Set can track unique courses:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const courses = new Set([\n  \"JavaScript\",\n  \"Python\",\n  \"JavaScript\",\n  \"React\"\n]);\n\nconsole.log(courses);\n\/\/ JavaScript, Python, React<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">And a WeakMap can associate internal metadata with each student object:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const metadata = new WeakMap();\n\nmetadata.set(students[0], {\n  lastViewed: Date.now()\n});<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The key idea is that JavaScript doesn&#8217;t have one universal collection for every problem.\u00a0<strong>Arrays organize ordered data, Objects model structured records, Maps manage flexible key-value relationships, Sets enforce uniqueness, and WeakMaps\/WeakSets provide object-oriented associations with garbage-collection-friendly behavior.<\/strong> That&#8217;s how JavaScript collections work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript collections are data structures used to&nbsp;store, organize, retrieve, and manipulate groups of values. Choosing the right collection<\/p>\n","protected":false},"author":1,"featured_media":3422,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[98],"tags":[],"class_list":["post-3421","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softare-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript Collections<\/title>\n<meta name=\"description\" content=\"JavaScript collections are data structures used to\u00a0store, organize, retrieve, and manipulate groups of values.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Collections\" \/>\n<meta property=\"og:description\" content=\"JavaScript collections are data structures used to\u00a0store, organize, retrieve, and manipulate groups of values.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/codeflretech\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-02T01:58:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T01:58:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/10\/1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"codeflare\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeflaretech\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/\"},\"author\":{\"name\":\"codeflare\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\"},\"headline\":\"JavaScript Collections\",\"datePublished\":\"2026-10-02T01:58:46+00:00\",\"dateModified\":\"2026-10-02T01:58:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/\"},\"wordCount\":593,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/1.png\",\"articleSection\":[\"softare development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/\",\"name\":\"JavaScript Collections\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/1.png\",\"datePublished\":\"2026-10-02T01:58:46+00:00\",\"dateModified\":\"2026-10-02T01:58:49+00:00\",\"description\":\"JavaScript collections are data structures used to\u00a0store, organize, retrieve, and manipulate groups of values.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/1.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/1.png\",\"width\":1080,\"height\":1080,\"caption\":\"JavaScript collections\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript-collections\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"softare development\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/softare-development\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JavaScript Collections\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"name\":\"\",\"description\":\"Sustainable solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\",\"name\":\"Codeflare Limited\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"width\":1040,\"height\":263,\"caption\":\"Codeflare Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\",\"name\":\"codeflare\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"caption\":\"codeflare\"},\"description\":\"Latest tech news and coding tips.\",\"sameAs\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\",\"https:\\\/\\\/facebook.com\\\/codeflretech\",\"https:\\\/\\\/instagram.com\\\/codeflaretech\",\"https:\\\/\\\/x.com\\\/codeflaretech\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1\"],\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/author\\\/watcher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Collections","description":"JavaScript collections are data structures used to\u00a0store, organize, retrieve, and manipulate groups of values.","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:\/\/codeflarelimited.com\/blog\/javascript-collections\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Collections","og_description":"JavaScript collections are data structures used to\u00a0store, organize, retrieve, and manipulate groups of values.","og_url":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/","article_author":"https:\/\/facebook.com\/codeflretech","article_published_time":"2026-10-02T01:58:46+00:00","article_modified_time":"2026-10-02T01:58:49+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/10\/1.png","type":"image\/png"}],"author":"codeflare","twitter_card":"summary_large_image","twitter_creator":"@codeflaretech","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#article","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/"},"author":{"name":"codeflare","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a"},"headline":"JavaScript Collections","datePublished":"2026-10-02T01:58:46+00:00","dateModified":"2026-10-02T01:58:49+00:00","mainEntityOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/"},"wordCount":593,"commentCount":0,"publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/10\/1.png","articleSection":["softare development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/","url":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/","name":"JavaScript Collections","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#primaryimage"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/10\/1.png","datePublished":"2026-10-02T01:58:46+00:00","dateModified":"2026-10-02T01:58:49+00:00","description":"JavaScript collections are data structures used to\u00a0store, organize, retrieve, and manipulate groups of values.","breadcrumb":{"@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeflarelimited.com\/blog\/javascript-collections\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#primaryimage","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/10\/1.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/10\/1.png","width":1080,"height":1080,"caption":"JavaScript collections"},{"@type":"BreadcrumbList","@id":"https:\/\/codeflarelimited.com\/blog\/javascript-collections\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeflarelimited.com\/blog\/"},{"@type":"ListItem","position":2,"name":"softare development","item":"https:\/\/codeflarelimited.com\/blog\/softare-development\/"},{"@type":"ListItem","position":3,"name":"JavaScript Collections"}]},{"@type":"WebSite","@id":"https:\/\/codeflarelimited.com\/blog\/#website","url":"https:\/\/codeflarelimited.com\/blog\/","name":"","description":"Sustainable solutions","publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeflarelimited.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeflarelimited.com\/blog\/#organization","name":"Codeflare Limited","url":"https:\/\/codeflarelimited.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","width":1040,"height":263,"caption":"Codeflare Limited"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a","name":"codeflare","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","caption":"codeflare"},"description":"Latest tech news and coding tips.","sameAs":["https:\/\/codeflarelimited.com\/blog","https:\/\/facebook.com\/codeflretech","https:\/\/instagram.com\/codeflaretech","https:\/\/x.com\/codeflaretech","https:\/\/www.youtube.com\/channel\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1"],"url":"https:\/\/codeflarelimited.com\/blog\/author\/watcher\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/10\/1.png","_links":{"self":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/3421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/comments?post=3421"}],"version-history":[{"count":1,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/3421\/revisions"}],"predecessor-version":[{"id":3423,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/3421\/revisions\/3423"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media\/3422"}],"wp:attachment":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media?parent=3421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/categories?post=3421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/tags?post=3421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}