When there is a JS array, it is easy to count the number of elements. For example:<\/p>\n
However, when you have an object it is a bit more tricky. .length wont work. However, if you use jQuery’s map() function (jQuery 1.6 needed) there is another alternative, a bit more elegant: Essentially you get an array with the keys of the object and you use .length on that array.<\/p>\n Note: ECMAScript5 supports Object.keys() but it’s not supported for pre-IE9 browsers<\/p>\n","protected":false},"excerpt":{"rendered":" When there is a JS array, it is easy to count the number of elements. For example: var arr = [“hello”, “world”]; console.log(arr.length); \/\/ 2 However, when you have an object it is a bit more tricky. .length wont work. One way is to iterate…<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9],"tags":[7,6],"class_list":["post-35","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-jquery","tag-js"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2CA4w-z","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":3,"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/posts\/35\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.peopleperhour.com\/engineering\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nvar arr = [\"hello\", \"world\"];
\nconsole.log(arr.length);
\n\/\/ 2
\n<\/code><\/p>\n
\nOne way is to iterate through the object like this:
\n
\nvar obj = {
\nprop1:\"hello\",
\nprop2:\"world\"
\n};
\nvar count = 0;
\nfor (i in obj) { count++ }; \/\/ count is 2
\n<\/code><\/p>\n
\n
\n$.map(obj, function(value, key) {
\nreturn key;
\n}).length;
\n<\/code><\/p>\n