Discovering values within an array of objects through the use of JavaScript

Question

Discovering values within an array of objects through the use of JavaScript

Consider the following:

let myArray = [
  { 
    id: "3283267",
    innerArray: ["434","6565","343","3665"]
  },
  {
    id: "9747439",
    innerArray: ["3434","38493","4308403840","34343"]
  },
  {
    id: "0849374",
    innerArray: ["343434","57575","389843","38493"]
  }
];

If I want to search for the presence of the string "38493" in the innerArray of objects within myArray, and then create a new array containing the corresponding ids, it would look something like this:

let arrayWithIds = ["9747439", "0849374"];

javascript arrays object

Answer 1

Answer №1

Here's a straightforward approach using the Array.forEach and Array.indexOf methods:

let searchItem =  "38493", 
    foundItems = [];

myArray.forEach(item => {
     if (item.innerArray.indexOf(searchItem) !== -1) {
         this.push(item.id);   
     }
}, foundItems);

console.log(foundItems);  // ["9747439", "0849374"]

Answer 2

Here's a straightforward approach using the Array.forEach and Array.indexOf methods:

let searchItem =  "38493", 
    foundItems = [];

myArray.forEach(item => {
     if (item.innerArray.indexOf(searchItem) !== -1) {
         this.push(item.id);   
     }
}, foundItems);

console.log(foundItems);  // ["9747439", "0849374"]

Answer 3

Answer №2

To extract ids from your array after filtering based on a specific condition, you can use ES6 syntax:

const filteredArrayWithIds = myArray
  .filter(item => item.subArray.includes('38493'))
  .map(item => item.id)

Alternatively, here is the ES5 version:

var filteredArrayWithIds = myArray
  .filter(function(item) {
    return ~item.innerArray.indexOf('38493');
  })
  .map(function(item) {
    return item.id;
  })

Answer 4

To extract ids from your array after filtering based on a specific condition, you can use ES6 syntax:

const filteredArrayWithIds = myArray
  .filter(item => item.subArray.includes('38493'))
  .map(item => item.id)

Alternatively, here is the ES5 version:

var filteredArrayWithIds = myArray
  .filter(function(item) {
    return ~item.innerArray.indexOf('38493');
  })
  .map(function(item) {
    return item.id;
  })

Answer 5

Answer №3

If you're looking for an ES5 way to achieve this, you can also try the following method.

var myArray = [
  { 
    id: "3283267",
    innerArray: ["434","6565","343","3665"]
  },
  {
    id: "9747439",
    innerArray: ["3434","38493","4308403840","34343"]
  },
  {
    id: "0849374",
    innerArray: ["343434","57575","389843","38493"]
  }
],
 searchData = "38493",
     result = myArray.reduce(function(p,c){
                            return ~c.innerArray.indexOf(searchData) ? (p.push(c.id),p) : p;
                             },[]);
console.log(result);

Answer 6

If you're looking for an ES5 way to achieve this, you can also try the following method.

var myArray = [
  { 
    id: "3283267",
    innerArray: ["434","6565","343","3665"]
  },
  {
    id: "9747439",
    innerArray: ["3434","38493","4308403840","34343"]
  },
  {
    id: "0849374",
    innerArray: ["343434","57575","389843","38493"]
  }
],
 searchData = "38493",
     result = myArray.reduce(function(p,c){
                            return ~c.innerArray.indexOf(searchData) ? (p.push(c.id),p) : p;
                             },[]);
console.log(result);

Discovering values within an array of objects through the use of JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Reserve Your Room in Style with C++!

Resampling a MATLAB uint8 array is a common practice in data processing

Guide to writing a Jasmine test case to verify Toggle class behavior within a click event

Sending documents via ExpressJS

Dealing with alternating rows in a dynamic manner: tips and tricks

Display a popup notification when clicking in Angular 2

Problems with Navbar rendering on multiple occasions

The inputs for Node express middleware are unclear and lack definition

Tips for extracting a value from a geojson response using a specific key

Utilizing a SQL LIKE operator within a SELECT statement with Twitter/typeahead.js

Is it possible to configure Lambda NodeJS 12.x flags (like --experimental-modules) when using AWS SAM local start-api?

Mastering the syntax of Babel in Node.js

SwipeJS is not compatible with a JQuery-Mobile web application

Releasing the mouse button after dragging successfully without the use of any libraries

Retrieving Angular URL Parameters Containing Slashes

Looking to set a cursor style on a table row with JavaScript?

How can I combine three dynamic dropdown menus into a single dynamic multi-level dropdown using PHP and Javascript?

Generating JButtons on the fly along with attaching addActionListener and then parsing JSON to retrieve a

Ways to identify the visible elements on a webpage using JavaScript

Issue encountered while attempting to deactivate button until numerical data is entered in the OTP field using Vuejs