Retrieve the matching values from a JSON object by filtering it with an array, then create a new JSON object containing only

Question

Retrieve the matching values from a JSON object by filtering it with an array, then create a new JSON object containing only

    var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

    var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]

I am attempting to filter out the JSON object with values matching an array and create a new JSON object. However, my current approach is not yielding the expected results.

Expected Output:

Expected : [
  { name: 'HMDB0006285', identifier: 'Six two eight 5' },
  { name: 'HMDB0006293', identifier: 'Six two nine three' },
  { name: 'HMDB0006294', identifier: 'Six two Nine Four' }
]

The following code snippet is not working as intended:

var newArray = [];
structureInfos.forEach(function(structureInfo) {
   for (let i=0; i < structureElements.length; i++){
        if(structureElements[i] === structureInfo['name']){
           newArray.push(structureInfo);
        }
   }
});

javascript json angular typescript

Answer 1

Answer №1

If you're looking for a quick and efficient solution, consider using an ES6 arrow function like this:

const filteredArray = structureInfos.filter(info => structureElements.includes(info.name));

Answer 2

If you're looking for a quick and efficient solution, consider using an ES6 arrow function like this:

const filteredArray = structureInfos.filter(info => structureElements.includes(info.name));

Answer 3

Answer №2

Upon reviewing your code, I have identified some errors that may be preventing it from functioning correctly.

var newArray = [];
structureInfos.forEach(function(structureInfos) {
  for (let i = 0; i < structureElements.length; i++) {
    if (structureElements[i] === structureInfos[i]['name']) {
      newArray.push(structureInfos[i]);
    }
  }
});

It seems that you are iterating through the structureElements array within your forEach() loop, but then using the same index identifier "i" when referencing structureInfos. In a forEach function, the first argument in the callback is the current element of the array. To resolve this issue, consider the following revised code:

var newArray = [];
structureInfos.forEach(function(structureInfo) { // Changed the variable name
  for (let i = 0; i < structureElements.length; i++) {
    if (structureElements[i] === structureInfo['name']) { // Removed the index identifier
      newArray.push(structureInfo); // Added explanation for pushing the correct record
    }
  }
});

Answer 4

Upon reviewing your code, I have identified some errors that may be preventing it from functioning correctly.

var newArray = [];
structureInfos.forEach(function(structureInfos) {
  for (let i = 0; i < structureElements.length; i++) {
    if (structureElements[i] === structureInfos[i]['name']) {
      newArray.push(structureInfos[i]);
    }
  }
});

It seems that you are iterating through the structureElements array within your forEach() loop, but then using the same index identifier "i" when referencing structureInfos. In a forEach function, the first argument in the callback is the current element of the array. To resolve this issue, consider the following revised code:

var newArray = [];
structureInfos.forEach(function(structureInfo) { // Changed the variable name
  for (let i = 0; i < structureElements.length; i++) {
    if (structureElements[i] === structureInfo['name']) { // Removed the index identifier
      newArray.push(structureInfo); // Added explanation for pushing the correct record
    }
  }
});

Answer 5

Answer №3

Method using map and filter

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

    var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]
    
let newStructureInfos =     structureElements.map((ele)=>{
return structureInfos.filter((item)=>item.name === ele)
}).flat();
console.log(newStructureInfos)

Another approach using filter or includes

  var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                              { name: 'HMDB0006288', identifier: 'Six two double eight'},
                              { name: 'HMDB0006293', identifier: 'Six two nine three' },
                              { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]

let newinfo = structureInfos.filter((item)=> structureElements.includes(item.name))
console.log(newinfo)

Approach utilizing loop with spread operator

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]
var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]

let newInfo = [];
for(let item of structureInfos){
  if(structureElements.includes(item.name)){
    newInfo = [...newInfo,item]
  }
}
console.log(newInfo);

Looping method to find matching elements

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]

let Info = []
for(let stinfo of structureInfos){
    for(let stele of structureElements){
        if(stinfo.name === stele){
          Info.push(stinfo);
          break;
        }
    }
}
console.log(Info)

Using forEach method to match elements

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

    var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]
    
let newInfo = [];
structureInfos.forEach((element)=>{
  for(let i=0; i<structureElements.length; i++){
    if(element.name === structureElements[i]){
       newInfo.push(element);
       break;
    }
  }
})
console.log(newInfo)

Answer 6

Method using map and filter

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

    var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]
    
let newStructureInfos =     structureElements.map((ele)=>{
return structureInfos.filter((item)=>item.name === ele)
}).flat();
console.log(newStructureInfos)

Another approach using filter or includes

  var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                              { name: 'HMDB0006288', identifier: 'Six two double eight'},
                              { name: 'HMDB0006293', identifier: 'Six two nine three' },
                              { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]

let newinfo = structureInfos.filter((item)=> structureElements.includes(item.name))
console.log(newinfo)

Approach utilizing loop with spread operator

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]
var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]

let newInfo = [];
for(let item of structureInfos){
  if(structureElements.includes(item.name)){
    newInfo = [...newInfo,item]
  }
}
console.log(newInfo);

Looping method to find matching elements

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]

let Info = []
for(let stinfo of structureInfos){
    for(let stele of structureElements){
        if(stinfo.name === stele){
          Info.push(stinfo);
          break;
        }
    }
}
console.log(Info)

Using forEach method to match elements

var structureInfos = [{ name: 'HMDB0006285', identifier: 'Six two eight 5' },
                          { name: 'HMDB0006288', identifier: 'Six two double eight'},
                          { name: 'HMDB0006293', identifier: 'Six two nine three' },
                          { name: 'HMDB0006294', identifier: 'Six two Nine Four' }]

    var structureElements = [ 'HMDB0006285', 'HMDB0006293', 'HMDB0006294' ]
    
let newInfo = [];
structureInfos.forEach((element)=>{
  for(let i=0; i<structureElements.length; i++){
    if(element.name === structureElements[i]){
       newInfo.push(element);
       break;
    }
  }
})
console.log(newInfo)

Retrieve the matching values from a JSON object by filtering it with an array, then create a new JSON object containing only

Answer №1

Answer №2

Answer №3

Similar questions

Tips for creating a responsive swiper slider in an Angular project

Node.js: Configuring keep-alive settings in Express.js

The Android application encountered an issue where the org.json.simple.JSONObject could not be converted to org.json.JSONObject

What is the process of integrating passportjs(node) API with the Angular cli?

Having trouble locating a tag when converting an object to an array in Android using JSONArray

Moogonse request for modification

Inject variables into the URL

Guide on incorporating a bootstrap 4 navigation item into an active class through jquery

Determine the sibling input value using jQuery in an ASP.NET MVC application

Can you explain the concept of binding and unbinding in jQuery?

li experiencing a background width problem due to extended text

Vue component using axios for conditional state toggling

Send multiple values as arguments to a jQuery function

Attempting to develop a filtering feature using ReactJS

Managing user input in Node.js

Use ajax calls instead of using the bind() function in Drupal for better performance

Encountering the error message: ERESOLVE unable to solve dependency tree while trying to install

What is the best way to analyze a JSON dataframe in order to determine the frequency of names that are identified as both male and female?

Exporting Data Using Excel and a Javascript Table

Encountering some difficulties while setting up my development tool (specifically webpack)