What is the best way to sift through an array containing arrays?

Question

What is the best way to sift through an array containing arrays?

Looking for help with filtering and pushing data from a JSON array? Specifically, I need to filter arrays where the data's attrs property includes a src attribute. It's proving challenging for me, so any assistance would be greatly appreciated.

This is what my JSON data looks like:

DATA:

[
 {
  "data":{},
   "type":"image",
    "attrs":{
     "x":92,
     "y":163,
     "width":100,
     "height":100,
     "src":"http://localhost:63342/wodrobs/app/scripts/views/img/top.jpg",
   "cursor":"move",
   "opacity":1
   },
     "transform":"",
   "id":0
},
{
   "data":{},
   "type":"path",
   "attrs":{
   "fill":"none",
   "stroke":"#000",

     "stroke-dasharray":"- ",
    "opacity":0.5
  },
   "transform":"",
   "id":17
}
]

javascript arrays json underscore.js

Answer 1

Answer №1

After analyzing your pseudo-JSON data, it seems like you can achieve the desired outcome by following this code snippet:

// Here is your data
var data = [
          {'src':"a.src"}, 
           {'id':"someid"},
          {'src':"b.src"} 
];

// Initialize an empty array to store results
var resultArray = [];

// Loop through the data array and filter based on 'src' property presence
for(i=0; i<data.length;i++){
  var element = data[i];
  if(element.src){
    resultArray.push(element);
  }
}

// Output the filtered result
console.log(resultArray);

Check out this link for a live demo.

Answer 2

After analyzing your pseudo-JSON data, it seems like you can achieve the desired outcome by following this code snippet:

// Here is your data
var data = [
          {'src':"a.src"}, 
           {'id':"someid"},
          {'src':"b.src"} 
];

// Initialize an empty array to store results
var resultArray = [];

// Loop through the data array and filter based on 'src' property presence
for(i=0; i<data.length;i++){
  var element = data[i];
  if(element.src){
    resultArray.push(element);
  }
}

// Output the filtered result
console.log(resultArray);

Check out this link for a live demo.

Answer 3

Answer №2

Here is a solution that may fit your needs:

function CheckForSrcProperty(value, index, arr) {    
    return value.some(elem => elem.indexOf("src") > -1)    
}
var filteredResults = yourData.filter(CheckForSrcProperty);

To learn more about JavaScript array methods like filter and some, check out these resources:

https://msdn.microsoft.com/en-us/library/ie/ff679973%28v=vs.94%29.aspx

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/some

Answer 4

Here is a solution that may fit your needs:

function CheckForSrcProperty(value, index, arr) {    
    return value.some(elem => elem.indexOf("src") > -1)    
}
var filteredResults = yourData.filter(CheckForSrcProperty);

To learn more about JavaScript array methods like filter and some, check out these resources:

https://msdn.microsoft.com/en-us/library/ie/ff679973%28v=vs.94%29.aspx

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/some

Answer 5

Answer №3

Found the solution. I just realized my mistake.

 const filteredData = _.filter(jsonData, (data) => {
            return data.attrs.src;
        });

Answer 6

Found the solution. I just realized my mistake.

 const filteredData = _.filter(jsonData, (data) => {
            return data.attrs.src;
        });

What is the best way to sift through an array containing arrays?

Answer №1

Answer №2

Answer №3

Similar questions

Remove JSON information with PHP When a button in an HTML table is clicked

Develop a custom dropdown menu using JavaScript

Unlock the Power of EmailJS with Vue.js 2 and TypeScript

The custom tab component in React is currently not accepting the "disabledTabs" prop

Converting Django arrays into strings

Highcharts automatically hide series that are not active from the legend when capturing a screenshot

Is TypeScript checking in VSCode failing to detect await functions?

How can I position two divs side by side within an Appbar?

Ways to utilize jQuery for intricate forms in place of RJS

React component failing to update when props change

Using $http call to pass attributes to controller in Web Api 2 using attribute routing

What causes Firefox's CPU to spike to 100% when a slideshow begins that adjusts the width and left coordinates of certain divs?

Tips on utilizing a .env file with a JSON that includes a backslash symbol?

Modifying css background in real-time based on the current weather conditions

How can I implement a single-column search feature in a GridView using Javascript in ASP.NET?

Mobile phone carousel glitch

What is the best way to iterate through a collection of two or more arrays in order to determine the total length of all

How can I use D3.js to form a circular group in an organization structure, link it with a circular image, and connect

Shared Vue configuration settings carrying over to Jest spec files

HTML table containing radio buttons styled with Font Awesome icons