{"id":669,"date":"2023-03-01T20:34:33","date_gmt":"2023-03-01T20:34:33","guid":{"rendered":"https:\/\/freelance.in.th\/?p=669"},"modified":"2023-03-09T15:23:23","modified_gmt":"2023-03-09T15:23:23","slug":"javascript-how-to-find-data-in-an-array-objects","status":"publish","type":"post","link":"https:\/\/freelance.in.th\/index.php\/2023\/03\/01\/javascript-how-to-find-data-in-an-array-objects\/","title":{"rendered":"JavaScript : How to find data in an array objects."},"content":{"rendered":"\n

To find objects in an array that have a specific value for the docNo<\/code> property, you can use the filter()<\/em><\/strong><\/code> method. Here’s an example code snippet that filters the data<\/code> array to find all objects that have a docNo<\/strong><\/code> value of \"doc123\"<\/strong><\/code>:<\/p>\n\n\n\n

\n
\n
\n<\/a>\n<\/div>\n<\/div>\n\n\n\n
const data = [\n  {\n    \"id\": 1,\n    \"docNo\": \"doc123\",\n  },\n  {\n    \"id\": 2,\n    \"docNo\": \"doc456\",\n  },\n  {\n    \"id\": 3,\n    \"docNo\": \"doc123\",\n  }\n];\n\nconst doc123Objects = data.filter(obj => obj.docNo === \"doc123\");\n\nconsole.log(doc123Objects); \/\/ Output: [ { \"id\": 1, \"docNo\": \"doc123\", ... }, { \"id\": 3, \"docNo\": \"doc123\", ... } ]\n<\/code><\/pre>\n<\/div>\n\n\n\n
In this example, the filter()<\/code><\/em><\/strong> method is called on the data<\/code> array and returns a new array that contains only the objects with a docNo<\/code> property of \"doc123\"<\/strong><\/code>. The filtered array is assigned to the doc123Objects<\/strong><\/code> variable and then logged to the console.<\/p>\n\n\n\n
If you only want to find the first object that has a docNo<\/code> value of \"doc123\"<\/strong><\/code>, you can use the find()<\/em><\/strong><\/code> method instead of filter()<\/em><\/strong><\/code>. For example:<\/p>\n\n\n\n
const doc123Object = data.find(obj => obj.docNo === \"doc123\");\n\nconsole.log(doc123Object); \/\/ Output: { \"id\": 1, \"docNo\": \"doc123\", ... }\n<\/code><\/pre>\n\n\n\n<\/a>\n","protected":false},"excerpt":{"rendered":"
To find objects in an array that have a specific value for the docNo property, you can use the filter() method. Here’s an example code snippet that filters the data array to find all objects that have a docNo value of “doc123”: In this example, the filter() method is called on the data array and…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[43],"class_list":["post-669","post","type-post","status-publish","format-standard","hentry","category-programming","tag-javascript"],"_links":{"self":[{"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/posts\/669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/comments?post=669"}],"version-history":[{"count":2,"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/posts\/669\/revisions"}],"predecessor-version":[{"id":735,"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/posts\/669\/revisions\/735"}],"wp:attachment":[{"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/media?parent=669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/categories?post=669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/freelance.in.th\/index.php\/wp-json\/wp\/v2\/tags?post=669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}