retrieve items from an array according to the hierarchy of the objects

Question

retrieve items from an array according to the hierarchy of the objects

I am working with an array of objects that looks like this:

let obj = [
  { name: "Qwerty1", status: "Development" },
  { name: "Qwerty2", status: "Development" },
  { name: "Qwerty3", status: "Staging" },
  { name: "Qwerty4", status: "Production" },
  { name: "Qwerty5", status: "Production" }
]

In need of creating a function

getList(status) {

}

When calling this function, I will specify a status parameter such as "Development", "Stating", or "Production"

If I input "Production" to this function, it is expected to return an array containing all the objects with status: "Production", along with objects having statuses "Staging" and "Development"

For "Staging" status, the function should provide an array including all objects marked as "Staging" as well as those labeled "Development"

If given "Development" as the status, only objects with "Development" status must be returned

The order of priority is Production -> Staging -> Development ("Production" includes "Staging", "Staging" includes "Development")

Please keep in mind that the object cannot be altered as it originates from an API.

javascript arrays

Answer 1

Answer №1

Straightforward yet clear:

function checkStatus(status) {
    if (status === 'C') {
        return result
    }
    if (status === 'B') {
        return result.filter(item => item.status === 'B' || item.status === 'A')
    }
    if (status === 'A') {
        return result.filter(item => item.status === 'A')
    }
}

Answer 2

Straightforward yet clear:

function checkStatus(status) {
    if (status === 'C') {
        return result
    }
    if (status === 'B') {
        return result.filter(item => item.status === 'B' || item.status === 'A')
    }
    if (status === 'A') {
        return result.filter(item => item.status === 'A')
    }
}

Answer 3

Answer №2

Locate the final occurrence of a matching Status, and then use slice to extract the elements from index 0 to that position:

let obj = [
  { name: "Qwerty1", status: "Development" },
  { name: "Qwerty2", status: "Development" },
  { name: "Qwerty3", status: "Staging" },
  { name: "Qwerty4", status: "Production" },
  { name: "Qwerty5", status: "Production" }
]

function getList(status) {
  let lastIndex;
  for (let i = obj.length - 1; i >= 0; i--) {
    if (obj[i].status === status) {
      lastIndex = i;
      break;
    }
  }
  if (lastIndex === undefined) {
    return [];
  }
  return obj.slice(0, lastIndex + 1);
}
console.log(getList('Development'));
console.log(getList('Staging'));
console.log(getList('Production'));

Answer 4

Locate the final occurrence of a matching Status, and then use slice to extract the elements from index 0 to that position:

let obj = [
  { name: "Qwerty1", status: "Development" },
  { name: "Qwerty2", status: "Development" },
  { name: "Qwerty3", status: "Staging" },
  { name: "Qwerty4", status: "Production" },
  { name: "Qwerty5", status: "Production" }
]

function getList(status) {
  let lastIndex;
  for (let i = obj.length - 1; i >= 0; i--) {
    if (obj[i].status === status) {
      lastIndex = i;
      break;
    }
  }
  if (lastIndex === undefined) {
    return [];
  }
  return obj.slice(0, lastIndex + 1);
}
console.log(getList('Development'));
console.log(getList('Staging'));
console.log(getList('Production'));

Answer 5

Answer №3

Utilize the Filter method to sort through a list of objects and compare their status with a specified parameter. Establish numerical values for each status by creating a Map that links statuses to values.

const obj = [{"name":"Qwerty1","status":"Development"},{"name":"Qwerty2","status":"Development"},{"name":"Qwerty3","status":"Staging"},{"name":"Qwerty4","status":"Production"},{"name":"Qwerty5","status":"Production"}]

const statusToValue = new Map([['Development', 0], ['Staging', 1], ['Production', 2]])

const getList = (status) => obj.filter(o => statusToValue.get(o.status) <= statusToValue.get(status))

console.log(getList('Development'))      
console.log(getList('Staging'))
console.log(getList('Production'))

Answer 6

Utilize the Filter method to sort through a list of objects and compare their status with a specified parameter. Establish numerical values for each status by creating a Map that links statuses to values.

const obj = [{"name":"Qwerty1","status":"Development"},{"name":"Qwerty2","status":"Development"},{"name":"Qwerty3","status":"Staging"},{"name":"Qwerty4","status":"Production"},{"name":"Qwerty5","status":"Production"}]

const statusToValue = new Map([['Development', 0], ['Staging', 1], ['Production', 2]])

const getList = (status) => obj.filter(o => statusToValue.get(o.status) <= statusToValue.get(status))

console.log(getList('Development'))      
console.log(getList('Staging'))
console.log(getList('Production'))

Answer 7

Answer №4

One effective method is to utilize the .filter() function

This particular piece of code iterates over the elements in the object, establishes the order, and applies the .filter() function to verify if the current item falls below the specified status parameter within the hierarchy.

let obj = [
  { name: "Qwerty1", status: "Development" },
  { name: "Qwerty2", status: "Development" },
  { name: "Qwerty3", status: "Staging" },
  { name: "Qwerty4", status: "Production" },
  { name: "Qwerty5", status: "Production" }
]
let order = [...new Set(obj.map(e => e.status))];

function getList(status) {
  const output = obj.filter(e => order.indexOf(status) >= order.indexOf(e.status));
  return output;
}

console.log(getList("Staging"));

Answer 8

One effective method is to utilize the .filter() function

This particular piece of code iterates over the elements in the object, establishes the order, and applies the .filter() function to verify if the current item falls below the specified status parameter within the hierarchy.

let obj = [
  { name: "Qwerty1", status: "Development" },
  { name: "Qwerty2", status: "Development" },
  { name: "Qwerty3", status: "Staging" },
  { name: "Qwerty4", status: "Production" },
  { name: "Qwerty5", status: "Production" }
]
let order = [...new Set(obj.map(e => e.status))];

function getList(status) {
  const output = obj.filter(e => order.indexOf(status) >= order.indexOf(e.status));
  return output;
}

console.log(getList("Staging"));

Answer 9

Answer №5

Utilize object literals in order to convert words into numeric values for comparison purposes. By doing this, you can establish the desired order for status levels, regardless of the alphabetical sequence of status names.

let statusLevels = {"Development": 0,  "Staging": 1, "Production": 2};

let obj = [
  { name: "Qwerty1", status: "Development" },
  { name: "Qwerty2", status: "Development" },
  { name: "Qwerty3", status: "Staging" },
  { name: "Qwerty4", status: "Production" },
  { name: "Qwerty5", status: "Production" }
];

function getStatusArr(itemStatus) {
  // compares the status using numerical values based on the object literal
 return  obj.filter(o => statusLevels[o.status] <= statusLevels[itemStatus]);
}

console.log(getStatusArr('Staging'))

// displays all levels up to and including "Staging"
//[
//  {
//    "name": "Qwerty1",
//    "status": "Development"
//  },
//  {
//    "name": "Qwerty2",
//    "status": "Development"
//  },
//  {
//    "name": "Qwerty3",
//    "status": "Staging"
//  }
//]

Answer 10

Utilize object literals in order to convert words into numeric values for comparison purposes. By doing this, you can establish the desired order for status levels, regardless of the alphabetical sequence of status names.

let statusLevels = {"Development": 0,  "Staging": 1, "Production": 2};

let obj = [
  { name: "Qwerty1", status: "Development" },
  { name: "Qwerty2", status: "Development" },
  { name: "Qwerty3", status: "Staging" },
  { name: "Qwerty4", status: "Production" },
  { name: "Qwerty5", status: "Production" }
];

function getStatusArr(itemStatus) {
  // compares the status using numerical values based on the object literal
 return  obj.filter(o => statusLevels[o.status] <= statusLevels[itemStatus]);
}

console.log(getStatusArr('Staging'))

// displays all levels up to and including "Staging"
//[
//  {
//    "name": "Qwerty1",
//    "status": "Development"
//  },
//  {
//    "name": "Qwerty2",
//    "status": "Development"
//  },
//  {
//    "name": "Qwerty3",
//    "status": "Staging"
//  }
//]

retrieve items from an array according to the hierarchy of the objects

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Trouble fetching values from Google Sheets using getBatch method in JavaScript

Ensure that the JSON object exists before saving it to local storage

The browser prevented the script located at “http://127.0.0.1:5500/assets/platform.png” from loading due to an invalid MIME type of “image/png”

I'm having trouble launching Clinic.js, any suggestions on what steps I should take next?

Unintroduced jQuery Keyup

Custom objects do not return true for Symbol.hasInstance

Incorporate seamless integration by using the npm install command

Reveal the array on the frontend in a row each time using Javascript

using hover/click functionality with a group of DIV elements

Exploring ways to access data stored in interconnected models, such as MongoDB and NodeJS

The click function for the parent div will not be executed if I click on the child div

"Exploring the usual progress of a standard GET request using Axios

Exploring the capabilities of using XPath with a DOM document

Get a specific attribute of an object instead of directly accessing it

Firebase updates are not causing React components to update as expected

Guide on how to use Vue's watch feature to monitor a particular property within an array

Creating a unique Nest.js custom decorator to extract parameters directly from the request object

Having issues with jQuery Validate not validating fields when using an onclick handler?

When an element is dragged and dropped into a div, an identifier name will be added to the URL

Using Vue.js, you can set a method to return data directly to