What is the shortest method for locating a string value within an array object?

Question

What is the shortest method for locating a string value within an array object?

I am dealing with a range of status codes stored in an object retrieved from an API. The structure looks like this:

{
  "location": [
    "HOME_ADDRESS_INCOMPLETE",
    "HOME_MISSING_ADDRESS"
  ],
  "basics": [
    "HOME_MISSING_TYPE"
  ],
  ...
}

Each key, such as location, corresponds to a step in a setup wizard for the user based on the missing elements represented by constants like HOME_ADDRESS_INCOMPLETE.

What would be the most efficient way to take this object and one constant, say MISSING_CURRENCY, and determine the key associated with that constant's array?

This is my current attempt, but it only returns the array itself:

const activeStep = Object.values(HomeStatusCodes).filter(statusArray => {
  return statusArray.includes(homeActivationResponse.code)
})

javascript arrays loops ecmascript-6 constants

Answer 1

Answer №1

Array#find (on the array of keys from that particular structure, obtained using Object.keys) along with Array#indexOf can accomplish this task:

function findValue(item) {
  return Object.keys(database).find(function(key) {
    return database[key].indexOf(item) != -1;
  });
}

Please note that Array#find was introduced in ES2015, however, it is possible to shim/polyfill it.

For example:

var database = {
  "location": [
    "HOME_ADDRESS_INCOMPLETE",
    "HOME_MISSING_ADDRESS"
  ],
  "basics": [
    "HOME_MISSING_TYPE"
  ],
  "description": [
    "HOME_MISSING_DESCRIPTION"
  ],
  "immersions": [
    "AT_LEAST_ONE_STAY_REQUIRED",
    "SIMPLE_STAY_MISSING_HOURS",
    "SIMPLE_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_HOURS",
    "TANDEM_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_INTERESTED_LANGUAGES",
    "TEACHER_STAY_MISSING_HOURLY_PRICE",
    "TEACHER_STAY_MISSING_OFFERED_LANGUAGES",
    "TEACHER_STAY_MISSING_WEEKLY_PACKAGES"
  ],
  "rooms": [
    "NO_ROOMS"
  ],
  "photos": [
    "AT_LEAST_ONE_HOME_IMAGE_REQUIRED"
  ],
  "pricing": [
    "MISSING_CURRENCY",
    "SERVICE_WITHOUT_PRICE",
    "DISCOUNT_WITHOUT_PERCENT",
    "ROOM_WITHOUT_PRICE"
  ]
};

function findValue(item) {
  return Object.keys(database).find(function(key) {
    return database[key].indexOf(item) != -1;
  });
}

console.log(findValue("MISSING_CURRENCY"));

If you prefer a more concise syntax using ES2015:

const findValue = item =>
  Object.keys(database).find(key => database[key].indexOf(item) != -1);

(Yes, this indeed is a function.) You can test this live in browsers supporting ES2015 by running the following code:

var database = {
  "location": [
    "HOME_ADDRESS_INCOMPLETE",
    "HOME_MISSING_ADDRESS"
  ],
  "basics": [
    "HOME_MISSING_TYPE"
  ],
  "description": [
    "HOME_MISSING_DESCRIPTION"
  ],
  "immersions": [
    "AT_LEAST_ONE_STAY_REQUIRED",
    "SIMPLE_STAY_MISSING_HOURS",
    "SIMPLE_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_HOURS",
    "TANDEM_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_INTERESTED_LANGUAGES",
    "TEACHER_STAY_MISSING_HOURLY_PRICE",
    "TEACHER_STAY_MISSING_OFFERED_LANGUAGES",
    "TEACHER_STAY_MISSING_WEEKLY_PACKAGES"
  ],
  "rooms": [
    "NO_ROOMS"
  ],
  "photos": [
    "AT_LEAST_ONE_HOME_IMAGE_REQUIRED"
  ],
  "pricing": [
    "MISSING_CURRENCY",
    "SERVICE_WITHOUT_PRICE",
    "DISCOUNT_WITHOUT_PERCENT",
    "ROOM_WITHOUT_PRICE"
  ]
};

const findValue = item =>
  Object.keys(database).find(key => database[key].indexOf(item) != -1);

console.log(findValue("MISSING_CURRENCY"));

Answer 2

Array#find (on the array of keys from that particular structure, obtained using Object.keys) along with Array#indexOf can accomplish this task:

function findValue(item) {
  return Object.keys(database).find(function(key) {
    return database[key].indexOf(item) != -1;
  });
}

Please note that Array#find was introduced in ES2015, however, it is possible to shim/polyfill it.

For example:

var database = {
  "location": [
    "HOME_ADDRESS_INCOMPLETE",
    "HOME_MISSING_ADDRESS"
  ],
  "basics": [
    "HOME_MISSING_TYPE"
  ],
  "description": [
    "HOME_MISSING_DESCRIPTION"
  ],
  "immersions": [
    "AT_LEAST_ONE_STAY_REQUIRED",
    "SIMPLE_STAY_MISSING_HOURS",
    "SIMPLE_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_HOURS",
    "TANDEM_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_INTERESTED_LANGUAGES",
    "TEACHER_STAY_MISSING_HOURLY_PRICE",
    "TEACHER_STAY_MISSING_OFFERED_LANGUAGES",
    "TEACHER_STAY_MISSING_WEEKLY_PACKAGES"
  ],
  "rooms": [
    "NO_ROOMS"
  ],
  "photos": [
    "AT_LEAST_ONE_HOME_IMAGE_REQUIRED"
  ],
  "pricing": [
    "MISSING_CURRENCY",
    "SERVICE_WITHOUT_PRICE",
    "DISCOUNT_WITHOUT_PERCENT",
    "ROOM_WITHOUT_PRICE"
  ]
};

function findValue(item) {
  return Object.keys(database).find(function(key) {
    return database[key].indexOf(item) != -1;
  });
}

console.log(findValue("MISSING_CURRENCY"));

If you prefer a more concise syntax using ES2015:

const findValue = item =>
  Object.keys(database).find(key => database[key].indexOf(item) != -1);

(Yes, this indeed is a function.) You can test this live in browsers supporting ES2015 by running the following code:

var database = {
  "location": [
    "HOME_ADDRESS_INCOMPLETE",
    "HOME_MISSING_ADDRESS"
  ],
  "basics": [
    "HOME_MISSING_TYPE"
  ],
  "description": [
    "HOME_MISSING_DESCRIPTION"
  ],
  "immersions": [
    "AT_LEAST_ONE_STAY_REQUIRED",
    "SIMPLE_STAY_MISSING_HOURS",
    "SIMPLE_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_HOURS",
    "TANDEM_STAY_MISSING_OFFERED_LANGUAGES",
    "TANDEM_STAY_MISSING_INTERESTED_LANGUAGES",
    "TEACHER_STAY_MISSING_HOURLY_PRICE",
    "TEACHER_STAY_MISSING_OFFERED_LANGUAGES",
    "TEACHER_STAY_MISSING_WEEKLY_PACKAGES"
  ],
  "rooms": [
    "NO_ROOMS"
  ],
  "photos": [
    "AT_LEAST_ONE_HOME_IMAGE_REQUIRED"
  ],
  "pricing": [
    "MISSING_CURRENCY",
    "SERVICE_WITHOUT_PRICE",
    "DISCOUNT_WITHOUT_PERCENT",
    "ROOM_WITHOUT_PRICE"
  ]
};

const findValue = item =>
  Object.keys(database).find(key => database[key].indexOf(item) != -1);

console.log(findValue("MISSING_CURRENCY"));

Answer 3

Answer №2

If you need to search for a specific item within an object, one approach is to iterate through the keys and identify the key that contains the desired value.

function findKey(object, item) {
    return Object.keys(object).find(key => object[key].includes(item));
}

var data = { "location": ["HOME_ADDRESS_INCOMPLETE", "HOME_MISSING_ADDRESS"], "basics": ["HOME_MISSING_TYPE"], "description": ["HOME_MISSING_DESCRIPTION"], "immersions": ["AT_LEAST_ONE_STAY_REQUIRED", "SIMPLE_STAY_MISSING_HOURS", "SIMPLE_STAY_MISSING_OFFERED_LANGUAGES", "TANDEM_STAY_MISSING_HOURS", "TANDEM_STAY_MISSING_OFFERED_LANGUAGES", "TANDEM_STAY_MISSING_INTERESTED_LANGUAGES", "TEACHER_STAY_MISSING_HOURLY_PRICE", "TEACHER_STAY_MISSING_OFFERED_LANGUAGES", "TEACHER_STAY_MISSING_WEEKLY_PACKAGES"], "rooms": ["NO_ROOMS"], "photos": ["AT_LEAST_ONE_HOME_IMAGE_REQUIRED"], "pricing": ["MISSING_CURRENCY", "SERVICE_WITHOUT_PRICE", "DISCOUNT_WITHOUT_PERCENT", "ROOM_WITHOUT_PRICE"] };

console.log(findKey(data, 'MISSING_CURRENCY'));

Answer 4

If you need to search for a specific item within an object, one approach is to iterate through the keys and identify the key that contains the desired value.

function findKey(object, item) {
    return Object.keys(object).find(key => object[key].includes(item));
}

var data = { "location": ["HOME_ADDRESS_INCOMPLETE", "HOME_MISSING_ADDRESS"], "basics": ["HOME_MISSING_TYPE"], "description": ["HOME_MISSING_DESCRIPTION"], "immersions": ["AT_LEAST_ONE_STAY_REQUIRED", "SIMPLE_STAY_MISSING_HOURS", "SIMPLE_STAY_MISSING_OFFERED_LANGUAGES", "TANDEM_STAY_MISSING_HOURS", "TANDEM_STAY_MISSING_OFFERED_LANGUAGES", "TANDEM_STAY_MISSING_INTERESTED_LANGUAGES", "TEACHER_STAY_MISSING_HOURLY_PRICE", "TEACHER_STAY_MISSING_OFFERED_LANGUAGES", "TEACHER_STAY_MISSING_WEEKLY_PACKAGES"], "rooms": ["NO_ROOMS"], "photos": ["AT_LEAST_ONE_HOME_IMAGE_REQUIRED"], "pricing": ["MISSING_CURRENCY", "SERVICE_WITHOUT_PRICE", "DISCOUNT_WITHOUT_PERCENT", "ROOM_WITHOUT_PRICE"] };

console.log(findKey(data, 'MISSING_CURRENCY'));

Answer 5

Answer №3

To optimize efficiency, I recommend utilizing a lookup map:

const statusCodeMap = new Map();
for (const type in ResponseStatusCodes) {
    for (const code of ResponseStatusCodes[type])
        statusCodeMap.set(code, type);

This approach allows for concise and effective usage:

const responseCodeType = statusCodeMap.get(apiResponse.code);

Answer 6

To optimize efficiency, I recommend utilizing a lookup map:

const statusCodeMap = new Map();
for (const type in ResponseStatusCodes) {
    for (const code of ResponseStatusCodes[type])
        statusCodeMap.set(code, type);

This approach allows for concise and effective usage:

const responseCodeType = statusCodeMap.get(apiResponse.code);

What is the shortest method for locating a string value within an array object?

Answer №1

Answer №2

Answer №3

Similar questions

Swap the value of a button's text using a dropdown list when clicked in VueJS with TypeScript

Webpack 4 Failing to Properly Render Select Tag

Having trouble getting past the initial iteration in Angular's modal system?

Executing the beforeRouteLeave navigation guard on a vue component for testing purposes

Printing Strings in JavaScript IF Conditional Block

From javascript to utilizing ajax calls to interact with php scripts,

Using Conditional Statements for Dynamic SVG Rendering in React

Is there a way to temporarily halt a jQuery animation for 2 seconds before automatically resuming it, without relying on mouse-over or mouse-out triggers?

Multiple sources are able to access and modify the data stored in one data.json file

Creating a dropdown button with three dots in a table row using jQuery

What is the best way to extract data from a textfield, store it in an integer array, and then have it appear in a label?

Failed to build development environment: Unable to assign the attribute 'fileSystem' to a null value

Navigation buttons that move the user either up or down the page

Dynamically loading iframes with JQuery

I'm encountering a CastError while attempting to delete data in mongodb using Id

ng-bind-html not refreshed following ng-click triggering

Steps for ensuring that a script is loaded after the page has fully loaded

Encountering an issue when attempting to construct the project: it asks for callback functions, but instead received an [

What is the best way to implement a gradual decrease in padding as the viewport resizes using JavaScript

Incorporating a fresh attribute into a javascript object