{"id":37184,"date":"2023-03-21T13:15:50","date_gmt":"2023-03-21T07:45:50","guid":{"rendered":"https:\/\/tutorial.eyehunts.com\/?p=37184"},"modified":"2023-03-30T09:57:37","modified_gmt":"2023-03-30T04:27:37","slug":"for-in-array-javascript","status":"publish","type":"post","link":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/","title":{"rendered":"For in array JavaScript"},"content":{"rendered":"\n

The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array, the in<\/code> operator checks whether a specified index exists in the array. If the index exists, the operator returns true<\/code>, otherwise, it returns false<\/code>.<\/p>\n\n\n\n

index in array\r<\/code><\/pre>\n\n\n\n
Here, index<\/code> is the index number that you want to check for existence in the array<\/code>.<\/p>\n\n\n\n
Note<\/strong>: that the in<\/code> operator<\/a> does not check whether a specific value exists in the array, but rather whether an element exists at the specified index<\/p>\n\n\n\n
<\/div>\n\n\n\n
For in array JavaScript example<\/strong><\/h2>\n\n\n\n
Simple example code.<\/p>\n\n\n\n
<!DOCTYPE html>\r\n<html>\r\n<body>\r\n<script>\r\n    const myArray = [1, 2, 3];\r\n    console.log(0 in myArray); \r\n    console.log(3 in myArray); \r\n\n<\/script>\r\n<\/body>\r\n<\/html><\/code><\/pre>\n\n\n\n
Output:<\/strong><\/p>\n\n\n
\n
\"For<\/figure><\/div>\n\n\n
Using for...in<\/code> for array, iteration <\/a>is generally considered a bad idea in JavaScript because it can have unintended consequences and cause unexpected behavior.<\/p>\n\n\n\n
    \n
  1. It includes non-numeric properties:<\/strong> The for...in<\/code> loop iterates over all enumerable properties of an object, including non-numeric properties such as methods and prototype properties. This means that if you have added custom properties to the array object or its prototype, they will also be included in the iteration.<\/li>\n\n\n\n
  2. It iterates over the prototype chain:<\/strong> If you’ve modified the Array.prototype<\/code> object, for...in<\/code> will include those properties in the iteration, which can cause unexpected behavior. It’s generally not a good practice to modify built-in object prototypes, and using for...in<\/code> for array iteration can expose issues that arise from doing so.<\/li>\n\n\n\n
  3. It’s slower than other methods:<\/strong> for...in<\/code> loops are slower than other array iteration methods such as for<\/code> loops, Array.prototype.forEach()<\/code>, and Array.prototype.map()<\/code>. This is because for...in<\/code> has to check each property in the object, including non-numeric properties.<\/li>\n<\/ol>\n\n\n\n
    To avoid these issues, it’s recommended to use other iteration methods that are designed explicitly for arrays, such as for<\/code> loops, Array.prototype.forEach()<\/code>, Array.prototype.map()<\/code>, and Array.prototype.filter()<\/code>. These methods are faster and do not include non-numeric properties in the iteration.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    Comment if you have doubts or suggestions on this Js “in” keyword topic.<\/p>\n\n\n\n
    Note:<\/strong> The All JS Examples codes <\/strong>are tested on the Firefox browser and the Chrome browser.<\/p>
    OS: Windows 10<\/strong><\/p>
    Code: HTML 5 Version<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"
    The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array, the in operator checks whether a specified index exists in the array. If the index exists, the operator returns true, otherwise, it returns false. Here, index is… Read More »For in array JavaScript<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","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":[69],"tags":[301],"post_series":[],"class_list":["post-37184","post","type-post","status-publish","format-standard","hentry","category-js","tag-js-loop"],"yoast_head":"\nFor in array JavaScript<\/title>\n<meta name=\"description\" content=\"The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"For in array JavaScript\" \/>\n<meta property=\"og:description\" content=\"The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-21T07:45:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-30T04:27:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg\" \/>\n<meta name=\"author\" content=\"Rohit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rohit\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/\",\"url\":\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/\",\"name\":\"For in array JavaScript\",\"isPartOf\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg\",\"datePublished\":\"2023-03-21T07:45:50+00:00\",\"dateModified\":\"2023-03-30T04:27:37+00:00\",\"author\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1\"},\"description\":\"The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array...\",\"breadcrumb\":{\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg?fit=271%2C136&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg?fit=271%2C136&ssl=1\",\"width\":271,\"height\":136},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tutorial.eyehunts.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"For in array JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/#website\",\"url\":\"https:\/\/tutorial.eyehunts.com\/\",\"name\":\"Tutorial\",\"description\":\"By EyeHunts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tutorial.eyehunts.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1\",\"name\":\"Rohit\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971\",\"contentUrl\":\"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971\",\"caption\":\"Rohit\"},\"description\":\"Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.\",\"url\":\"https:\/\/tutorial.eyehunts.com\/author\/rohit\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"For in array JavaScript","description":"The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array...","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:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/","og_locale":"en_US","og_type":"article","og_title":"For in array JavaScript","og_description":"The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array...","og_url":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/","og_site_name":"Tutorial","article_published_time":"2023-03-21T07:45:50+00:00","article_modified_time":"2023-03-30T04:27:37+00:00","og_image":[{"url":"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg","type":"","width":"","height":""}],"author":"Rohit","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Rohit","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/","url":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/","name":"For in array JavaScript","isPartOf":{"@id":"https:\/\/tutorial.eyehunts.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#primaryimage"},"image":{"@id":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg","datePublished":"2023-03-21T07:45:50+00:00","dateModified":"2023-03-30T04:27:37+00:00","author":{"@id":"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1"},"description":"The For in array is used to check if a specified property or key exists in an object or an array in JavaScript. When used with an array...","breadcrumb":{"@id":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#primaryimage","url":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg?fit=271%2C136&ssl=1","contentUrl":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2023\/03\/For-in-array-JavaScript.jpg?fit=271%2C136&ssl=1","width":271,"height":136},{"@type":"BreadcrumbList","@id":"https:\/\/tutorial.eyehunts.com\/js\/for-in-array-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tutorial.eyehunts.com\/"},{"@type":"ListItem","position":2,"name":"For in array JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/tutorial.eyehunts.com\/#website","url":"https:\/\/tutorial.eyehunts.com\/","name":"Tutorial","description":"By EyeHunts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tutorial.eyehunts.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/69ca2cb8c13fdce0ee5b39d6175119b1","name":"Rohit","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tutorial.eyehunts.com\/#\/schema\/person\/image\/","url":"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971","contentUrl":"https:\/\/tutorial.eyehunts.com\/wp-content\/litespeed\/avatar\/2b27529b86d6dfb5336897e07c93a827.jpg?ver=1777374971","caption":"Rohit"},"description":"Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.","url":"https:\/\/tutorial.eyehunts.com\/author\/rohit\/"}]}},"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":28714,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-in-operator-array-example-code\/","url_meta":{"origin":37184,"position":0},"title":"JavaScript in operator array | Example code","author":"Rohit","date":"April 25, 2022","format":false,"excerpt":"JavaScript in operator used in an array to check specified index or its prototype chain. The in operator will return false for empty array slots. Even if accessing it directly returns undefined. For example, you can use the in operator to check if a property exists in an object: const\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"JavaScript in operator array","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/04\/JavaScript-in-operator-array.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28197,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-in-operator-example-code\/","url_meta":{"origin":37184,"position":1},"title":"JavaScript in operator | Example code","author":"Rohit","date":"April 25, 2022","format":false,"excerpt":"Use JavaScript in operator to check if the specified (given) property is in the specified object or its prototype chain. The in operator returns true if the specified property exists. property_name in object Here, property_name is the name of the property you want to check, and object is the object\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"JavaScript in operator","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/04\/JavaScript-in-operator.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28239,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-array-pop-index-example-code\/","url_meta":{"origin":37184,"position":2},"title":"JavaScript array pop index | Example code","author":"Rohit","date":"April 12, 2022","format":false,"excerpt":"Use splice() method to pop up element from array at index in JavaScript. You can use random index value of use indexOf method to get the index of any element in Array. The splice() method can be used to add or remove elements from an array. It takes three arguments:\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"JavaScript array pop index","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/04\/JavaScript-array-pop-index.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":31075,"url":"https:\/\/tutorial.eyehunts.com\/js\/array-methods-in-javascript-code\/","url_meta":{"origin":37184,"position":3},"title":"Array methods in JavaScript | Code","author":"Rohit","date":"July 6, 2022","format":false,"excerpt":"JavaScript Array provides a lot of methods. JavaScript array is an object that represents a collection of similar types of elements. Let's see the list of JavaScript array methods with their description. MethodsDescriptionconcat()It returns a new array object that contains two or more merged arrays.copywithin()It copies the part of the\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"Array methods in JavaScript","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/07\/Array-methods-in-JavaScript.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28605,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-check-if-object-has-property-example-code\/","url_meta":{"origin":37184,"position":4},"title":"JavaScript check if object has property | Example code","author":"Rohit","date":"April 25, 2022","format":false,"excerpt":"You can use the hasOwnProperty() method or in operator or Compare with undefined to check if the object has property in JavaScript. x = {'key': 1}; if ( x.hasOwnProperty('key') ) { \/\/Do this } The hasOwnProperty() method returns true if a property exists in an object: JavaScript checks if the\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"JavaScript check if object has property","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/04\/JavaScript-check-if-object-has-property.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":29235,"url":"https:\/\/tutorial.eyehunts.com\/js\/javascript-charat-string-method\/","url_meta":{"origin":37184,"position":5},"title":"JavaScript charAt() | String method","author":"Rohit","date":"May 9, 2022","format":false,"excerpt":"Using the charAt() method you can get the character at a specified position in a given string. This method returns a new string consisting of the single UTF-16 code unit located at the specified offset in the string. str.charAt(index) str: This is the string from which you want to retrieve\u2026","rel":"","context":"In "JavaScript"","block_context":{"text":"JavaScript","link":"https:\/\/tutorial.eyehunts.com\/category\/js\/"},"img":{"alt_text":"JavaScript charAt String method","src":"https:\/\/i0.wp.com\/tutorial.eyehunts.com\/wp-content\/uploads\/2022\/05\/JavaScript-charAt-String-method.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts\/37184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/comments?post=37184"}],"version-history":[{"count":1,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts\/37184\/revisions"}],"predecessor-version":[{"id":37199,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/posts\/37184\/revisions\/37199"}],"wp:attachment":[{"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/media?parent=37184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/categories?post=37184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/tags?post=37184"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/tutorial.eyehunts.com\/wp-json\/wp\/v2\/post_series?post=37184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}