Guide on filtering an array's keys using another array's numeric keys

Question

Guide on filtering an array's keys using another array's numeric keys

I am working with two arrays. The structure of the first array is as follows:

items: [
    {
      name: "a",
      items: [
         { name: "jack" },
         { name: "jose" },
      ]
    },
    {
      name: "b",
      items: [
         { name: "lara" },
         { name: "jo" },
      ]
    },
    {
      name: "c",
      items: [
         { name: "andy" },
         { name: "hary" },
      ]
    }
]

Now, let's move on to the second array:

number: [
  0: [0, 1],
  1: [1],
  2: [0]
]

I need to filter the "items" based on the values in the "number" array. What would be the best solution to achieve the desired output?

{["jack", "jole"],["jo"],["andy"]}

javascript arrays select filter key

Answer 1

Answer №1

To achieve the desired output, using a few maps would be helpful:

The requested result is not valid JavaScript, so I created a nested array

const arr1 = [{ name: "a", items: [{ name: "jack" }, { name: "jose" } ] }, { name: "b", items: [{ name: "lara" }, { name: "jo" }] }, { name: "c", items: [{ name: "andy" }, { name: "hary" }] } ], numbers = [ [0, 1], [1], [0] ]; 

const res = numbers
  .map((arr, i) => arr
    .map(key => arr1[i].items[key].name)
  )
console.log(res)

Answer 2

To achieve the desired output, using a few maps would be helpful:

The requested result is not valid JavaScript, so I created a nested array

const arr1 = [{ name: "a", items: [{ name: "jack" }, { name: "jose" } ] }, { name: "b", items: [{ name: "lara" }, { name: "jo" }] }, { name: "c", items: [{ name: "andy" }, { name: "hary" }] } ], numbers = [ [0, 1], [1], [0] ]; 

const res = numbers
  .map((arr, i) => arr
    .map(key => arr1[i].items[key].name)
  )
console.log(res)

Answer 3

Answer №2

When your variable must be an Object in the number type.

let elements = [
  {
    label: "red",
    values: [{ id: 1 }, { id: 2 }]
  },
  {
    label: "blue",
    values: [{ id: 3 }, { id: 4 }]
  },
  {
    label: "green",
    values: [{ id: 5 }, { id: 6 }]
  }
];

let numberObj = {
  0: [0, 1],
  1: [1],
  2: [0]
};

let finalResult = []
for (const [index, array] of Object.entries(numberObj)){
  let labels = []
  array.forEach(item => {
    labels.push(elements[index].values[item].id)
  })
  finalResult.push(labels)
}

console.log(finalResult)

Answer 4

When your variable must be an Object in the number type.

let elements = [
  {
    label: "red",
    values: [{ id: 1 }, { id: 2 }]
  },
  {
    label: "blue",
    values: [{ id: 3 }, { id: 4 }]
  },
  {
    label: "green",
    values: [{ id: 5 }, { id: 6 }]
  }
];

let numberObj = {
  0: [0, 1],
  1: [1],
  2: [0]
};

let finalResult = []
for (const [index, array] of Object.entries(numberObj)){
  let labels = []
  array.forEach(item => {
    labels.push(elements[index].values[item].id)
  })
  finalResult.push(labels)
}

console.log(finalResult)

Guide on filtering an array's keys using another array's numeric keys

Answer №1

Answer №2

Similar questions

Discover the steps to integrating jsfiddle into my local development environment

How to perfectly align images in nivo slider

Ways to efficiently move through a JSON object

Updating various elements of an object within an array using a patch operation

PHP array_key_exists - flexible on certain data types, stringent on others

What are the benefits of using Array.prototype.forEach.call(array, cb) instead of array.forEach(cb)?

What is the best way to censor words in an HTML form?

Guide on dividing objects according to an element from a nested object within an ArrayList using Java

Utilizing React for Conditional Rendering and Navigation Bar Implementation

What is the best way to remove an element from a specific position in an array?

Is it possible to obtain a single symbol from the string upon clicking?

Clickable Element Embedded within Event Date - Developed with Vue.js

What is the reason behind the optional assignment of "window.$ =" in Vue.js imports, but mandatory for jQuery in JavaScript files?

Ajax dependent dropdown is failing to load properly on the live server

Utilizing Vue.js to convert blobs into objects or strings and assign them to application variables

JavaScript: The hyperlink provided in the data-href attribute is not functioning properly within the carousel

Struggling with grasping the concept of Filtering Array in Eloquent Javascript Chapter 5?

Exploring the Fusion of Data in VueJS

How can I pre-fill an AutoModelSelect2Field with static information in Django using the django-select2 library?

Tips for displaying the preceding div of a clicked div using Angular.js