A guide for finding a specific string within a subset of an array

Question

A guide for finding a specific string within a subset of an array

I have an array containing various substrings, and I want to pass if at least one of those substrings contains the specific value I am searching for.

Value1 = [
  "Grape | 100 |Food Catering Service",
  "Apple | 100,000m |Food Catering Service",
  "Water Melon | 100,000m |Catering Service Outside",
  "100,000m |Food Catering Service Outside
]

Using TypeScript, my goal is to ensure that if any substring in the array contains the word "Food," it should pass. Even if some substrings do not contain the word "Food," the overall test should still pass.

The code snippet below is what I have tried so far, but it does not achieve the desired outcome, as it simply returns the array without filtering based on the search criteria.

export function arraySubstring(expected: string, ignoreCase?: boolean): Expectation<string[], string> {
  return Expectation.that("test", expected, async(actor: Actor, actual: string[]): Promise<boolean> ==> {

    try {
      for (const value of actual) {
        if(ignoreCase) {
          if (!value.toLowerCase().includes(expected.toLowerCase())) return false;
        } else {
          if (!value.includes(expected)) return false;
        }
      }
      return true;
    })
}

const value2 = await webActor.attemptsTo(Ensure.that("my expectation",
  value1, arraySubstring("Food")))

javascript arrays typescript

Answer 1

Answer №1

Your code logic hinges on the order of elements. If the first element in the loop doesn't have the term "food", it will return false as return statements immediately exit the function.

A better approach would be to concatenate all entries into a single string and then check the index of the first occurrence using indexOf("food").

const array = [
  "Grape | 100 |Food Catering Service",
  "Apple | 100,000m |Food Catering Service",
  "Water Melon | 100,000m |Catering Service Outside",
  "100,000m |Food Catering Service Outside",
];

const found = array
  .reduce((obj, entry) => obj.concat(entry))
  .toLocaleLowerCase()
  .indexOf("food");
if (found >= 0) {
  console.log("Array contains food");
} else {
  console.log("Array does not contain food");
}

If you wish to iterate through the array, consider returning on the true case to eliminate the dependency on element order in your code.

const array = [
  "Grape | 100 |Food Catering Service",
  "Apple | 100,000m |Food Catering Service",
  "Water Melon | 100,000m |Catering Service Outside",
  "100,000m |Food Catering Service Outside",
];

const ignoreCase = true;
const expected = "Food";

const containsExptected = (_array) => {
  for (const value of _array) {
    if (ignoreCase) {
      if (value.toLowerCase().indexOf(expected.toLowerCase()) >= 0) return true
    } else {
      if (value.indexOf(expected) >= 0) return true;
    }
  }
  return false;
};

const found = containsExptected(array);
if (found) {
  console.log("Array contains food");
} else {
  console.log("Array does not contain food");
}

Answer 2

Your code logic hinges on the order of elements. If the first element in the loop doesn't have the term "food", it will return false as return statements immediately exit the function.

A better approach would be to concatenate all entries into a single string and then check the index of the first occurrence using indexOf("food").

const array = [
  "Grape | 100 |Food Catering Service",
  "Apple | 100,000m |Food Catering Service",
  "Water Melon | 100,000m |Catering Service Outside",
  "100,000m |Food Catering Service Outside",
];

const found = array
  .reduce((obj, entry) => obj.concat(entry))
  .toLocaleLowerCase()
  .indexOf("food");
if (found >= 0) {
  console.log("Array contains food");
} else {
  console.log("Array does not contain food");
}

If you wish to iterate through the array, consider returning on the true case to eliminate the dependency on element order in your code.

const array = [
  "Grape | 100 |Food Catering Service",
  "Apple | 100,000m |Food Catering Service",
  "Water Melon | 100,000m |Catering Service Outside",
  "100,000m |Food Catering Service Outside",
];

const ignoreCase = true;
const expected = "Food";

const containsExptected = (_array) => {
  for (const value of _array) {
    if (ignoreCase) {
      if (value.toLowerCase().indexOf(expected.toLowerCase()) >= 0) return true
    } else {
      if (value.indexOf(expected) >= 0) return true;
    }
  }
  return false;
};

const found = containsExptected(array);
if (found) {
  console.log("Array contains food");
} else {
  console.log("Array does not contain food");
}

Answer 3

Answer №2

Here's a quick way to search for a partial match in an array of strings:

const items = ["Banana | 50 | Fruit Stand", "Orange | 75 | Grocery Store", "Apple | 100 | Farmers Market"]
const searchTerm = "Fruit"
const caseInsensitive = true
console.log(items.some(item => (caseInsensitive ? item.toLowerCase().includes(searchTerm.toLowerCase()) : item.includes(searchTerm))))

Answer 4

Here's a quick way to search for a partial match in an array of strings:

const items = ["Banana | 50 | Fruit Stand", "Orange | 75 | Grocery Store", "Apple | 100 | Farmers Market"]
const searchTerm = "Fruit"
const caseInsensitive = true
console.log(items.some(item => (caseInsensitive ? item.toLowerCase().includes(searchTerm.toLowerCase()) : item.includes(searchTerm))))

A guide for finding a specific string within a subset of an array

Answer №1

Answer №2

Similar questions

jaydata integration with sorting capabilities

Transferring information to a view using ExpressJS and Reactjs

The 'DOCUMENT' module (imported as 'i23') could not be located within '@angular/platform-browser'

Error: Invalid argument type

A node module designed to efficiently convert multiple TIFF images into a single multipage TIFF document

Creating a Validation Form using either PHP or JavaScript

Disabling eslint does not prevent errors from occurring for the unicorn/filename-case rule

Troubleshooting React's failure to start with node.js running behind an Nginx Reverse Proxy

A guide on crafting a test scenario for an AngularJS controller using the Jasmine framework

Whenever I attempt to include state in a React class that is declared as a constant, I consistently encounter the error message: "TypeError:

What is the best choice for managing state storage and retrieval when working with React, React Router, and React Relay?

What is the best way to implement a callback in JavaScript (Node) in order to ensure that an asynchronous function finishes before moving on

Backbone - NestedModels - Issues with nested sets not triggering 'change' event

Guide to making Bootstrap collapsible panels with full-width content that do not affect neighboring columns

Converting an array of objects into an array of Objects containing both individual objects and arrays

Unexpected expression after upgrading to TypeScript 3.7.2 was encountered, file expected.ts(1109)

Inquiry to an outside domain

The concept of ExpectedConditions appears to be non-existent within the context of

I'm working on an Angular2 project and I'm looking for a way to concatenate all my JavaScript files that were created from TypeScript in Gulp and then include them in my index

Tips for checking a form without scrolling down in angularjs?