{"id":28748,"date":"2022-04-26T16:23:43","date_gmt":"2022-04-26T10:53:43","guid":{"rendered":"https:\/\/tutorial.eyehunts.com\/?p=28748"},"modified":"2023-07-21T17:31:38","modified_gmt":"2023-07-21T12:01:38","slug":"javascript-if-in-array-example-code","status":"publish","type":"post","link":"https:\/\/tutorial.eyehunts.com\/js\/javascript-if-in-array-example-code\/","title":{"rendered":"JavaScript if in array | Example code"},"content":{"rendered":"\n

Use JavaScript includes() method<\/a> to check if the value in Array. This method returns true<\/code> if an array contains a specified value otherwise returns false<\/code> if the value is not found.<\/p>\n\n\n\n

array.includes(element, start)<\/code><\/pre>\n\n\n\n
Note<\/strong>: The includes()<\/code> method is case-sensitive.<\/p>\n\n\n\n
<\/div>\n\n\n\n
JavaScript if in array<\/strong><\/h2>\n\n\n\n
Simple example code check if the string is in array js.<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<body>\n\n  <script>\n\n    var colors = [\"red\", \"blue\", \"green\"];\n    var hasRed = colors.includes(\"red\"); \n    var hasYellow = colors.includes(\"yellow\"); \n\n    console.log(hasRed)\n    console.log(hasYellow)\n\n  <\/script>\n\n<\/body>\n<\/html> \n<\/code><\/pre>\n\n\n\n
Output<\/strong>:<\/p>\n\n\n
\n
\"JavaScript<\/figure><\/div>\n\n\n
You can also use Array#indexOf<\/code><\/a>, which is less direct, but doesn’t require polyfills for outdated browsers.<\/p>\n\n\n\n
console.log(['joe', 'jane', 'mary'].indexOf('jane') >= 0); \/\/true<\/code><\/pre>\n\n\n\n
Note<\/strong>: Array.includes()<\/code> is more straightforward and easier to use for checking the presence of an element in an array. However, if you need the index of the element, then Array.indexOf()<\/code> is more appropriate.<\/p>\n\n\n\n
Many frameworks also offer similar methods:<\/p>\n\n\n\n