{"id":9613,"date":"2026-05-11T18:15:42","date_gmt":"2026-05-11T23:15:42","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=9613"},"modified":"2026-05-11T18:15:42","modified_gmt":"2026-05-11T23:15:42","slug":"arrays-objects-now-composites","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/arrays-objects-now-composites\/","title":{"rendered":"Arrays, objects… now \u2018composites\u2019?"},"content":{"rendered":"\n

Nice 9-minute video<\/a> from Matt Pocock (from about a year ago) introducing composites. The problem of not being able to compare objects definitely feels worth solving. Or, more accurately, fixing the issue where when compare two objects that look exactly the same, it’s still false<\/code>. And that using them as keys doesn’t work. Sounds like Records & Tuples were close, but the performance downsides were too strong. Composites<\/a> are more likely to happen.<\/p>\n\n\n

const<\/span> pos1 = Composite({ x<\/span>: 1<\/span>, y<\/span>: 4<\/span> });\nconst<\/span> pos2 = Composite({ x<\/span>: 1<\/span>, y<\/span>: 4<\/span> });\nComposite.equal(pos1, pos2); \/\/ true<\/span><\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
Nice 9-minute video from Matt Pocock (from about a year ago) introducing composites. The problem of not being able to compare objects definitely feels worth solving. Or, more accurately, fixing the issue where when compare two objects that look exactly the same, it’s still false. And that using them as keys doesn’t work. Sounds like […]<\/p>\n","protected":false},"author":1,"featured_media":9615,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[480,3],"class_list":["post-9613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-composites","tag-javascript"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2026\/05\/pexels-photo-6991811.jpeg?fit=867%2C1300&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/9613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=9613"}],"version-history":[{"count":2,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/9613\/revisions"}],"predecessor-version":[{"id":9616,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/9613\/revisions\/9616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/9615"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=9613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=9613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=9613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Still true<\/code> if you swap the order of the keys! Looks good to me. I don’t think it’s particularly close to making it into the language, but I see there is still discussion and research<\/a> going on.<\/p>\n","protected":false},"excerpt":{"rendered":"