Filter an array based on the key of an object

Question

Filter an array based on the key of an object

I am faced with an array structured like this

const arr = [
{img2: "assets1.png - Copy.png"},
{img2: "lime.jpg"},
{img2: "ginalee.jpg"}
{img2: "cb.jfif"}
{code: "blob:http://localhost:3000/d2c4641a-8586-4bb8-9a14-21b6712856ff", key: "img2", value: "cb.jfif"}
{code: "blob:http://localhost:3000/b406ceb8-92f4-4bbd-9eef-7db7d103b1e3", key: "img2", value: "lime.jpg"}
{code: "blob:http://localhost:3000/28130041-347f-49d9-b30d-72e26c9a6dda", key: "img2", value: "ginalee.jpg"}
{code: "blob:http://localhost:3000/d0d3e9aa-8791-419d-8585-f6c878b161e6", key: "logo", value: ""}
{code: "blob:http://localhost:3000/187977de-6a8f-4815-b3e2-01bfa818bcb7", key: "logo", value: "OIPYYPYPEVF.jpg"}
{code: "blob:http://localhost:3000/dee69b85-6d13-4f81-ba5b-d8db5708d9c8", key: "logo", value: ""}
{code: "blob:http://localhost:3000/676b0366-f30e-4653-9716-ab0ebf4155a2", key: "logo", value: "image (
5).png"}
]

I am seeking a way to eliminate the entries containing img2 (or any variation of /img[0-9]/) using something similar to the code

arr.filter((f)=>Object.keys(f).includes(...))

, but it's not yielding the desired result.

Any assistance on resolving this issue would be highly appreciated.

javascript arrays filter

Answer 1

Answer №1

Verify whether any of the keys include the term img:

arr.filter(obj => Object.keys(obj).some(key =>!key.includes('img')))

Answer 2

Verify whether any of the keys include the term img:

arr.filter(obj => Object.keys(obj).some(key =>!key.includes('img')))

Answer 3

Answer №2

Iterating through the elements of an array using nested loops, removing any strings that match a specific pattern related to images. Once the modifications are done, the updated array is printed to the console.

Answer 4

Iterating through the elements of an array using nested loops, removing any strings that match a specific pattern related to images. Once the modifications are done, the updated array is printed to the console.

Answer 5

Answer №3

Here is a method that can be used to exclude all img[0-9] elements:

arr.filter((val) => Object.keys(val).every((key) => !key.match(/^img[0-9]+$/i)));

This code snippet loops through each object in the array, checks if any key matches the regex pattern /^img[0-9]+$/i, and filters out those objects with keys that match, resulting in only non-matching objects remaining in the array.

Answer 6

Here is a method that can be used to exclude all img[0-9] elements:

arr.filter((val) => Object.keys(val).every((key) => !key.match(/^img[0-9]+$/i)));

This code snippet loops through each object in the array, checks if any key matches the regex pattern /^img[0-9]+$/i, and filters out those objects with keys that match, resulting in only non-matching objects remaining in the array.

Filter an array based on the key of an object

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to encode only a specific section of a JavaScript object into JSON format?

The setInterval() function causing unusual overlapping issues

Expanding application size by incorporating third-party libraries in NPM and JavaScript

Mismatch between MIME types in Bootstrap and Scroll-out detected

How come querySelector is effective while $() or document.getElementById do not respond properly with checkboxes?

What could be the reason for receiving the error message "Unresolved variable or type approvedPriceDealerCostForm" in my HTML

I found that using Enzyme's shallow().text() in React Native did not perform as I had anticipated

What is causing my axios request to not retrieve the correct data?

What steps can be taken to fix the issue of 'this is not defined' when trying to extend EventEmitter?

How can I inform the View/Component in React+Flux that an action has failed?

Searching within a container using jQuery's `find` method can sometimes cause jQuery to lose control

How can we make shadowing take center stage?

What is the method for retrieving a specific item within an array object using its index number?

What is the method for binding context on a click event in Vue?

Obtain the date in the following format: 2016-01-01T00:00:00.000-00:00

What is the best way to eliminate "?" from the URL while transferring data through the link component in next.js?

Transfer the temporary character array from the for loop to a separate array

Tips for displaying a restricted quantity of items in a list according to the number of li lines used

Troubleshooting code: JavaScript not functioning properly with CSS

Engaging three-dimensional design inspired by JavaScript frameworks