Discovering the lengthiest strings in a multi-dimensional array using JavaScript

Question

Discovering the lengthiest strings in a multi-dimensional array using JavaScript

let lists = ["Grocery", "Clothing", "Furniture"]; 
let items = [
  [
    "tomatoes",
    "cheese",
    "bread",
    "ham"
  ],
  [
    "shirt",
    "jacket",
    "jeans"
  ],
  [
    "sofa",
    "carpet",
    "bed"
  ]
];

These two arrays are connected in a way that 'items' arrays are associated with each item in the 'lists' array. For instance, items[0] corresponds to lists[0], and so on.

I attempted to extract the longest string from the arrays, but my approach failed...

let longestString = (list) => {
  lists[items.reduce((a, b) => a.length > b.length ? a : b)];
  }
 console.log(`The longest item in Clothing category is: ${longestString("Clothing")}`)

javascript arrays string multidimensional-array string-length

Answer 1

Answer №1

Here’s a handy technique for finding the longest string in an array:

function findLongest(array) {
  var currentMax = "";
  for (let string of array) {
      if (string.length > currentMax.length) {
          currentMax = string;
      }
  }
  return currentMax;
}

Afterward, you can apply this function to each array in the "items" collection. I’ll let you handle that one ^^

Answer 2

Here’s a handy technique for finding the longest string in an array:

function findLongest(array) {
  var currentMax = "";
  for (let string of array) {
      if (string.length > currentMax.length) {
          currentMax = string;
      }
  }
  return currentMax;
}

Afterward, you can apply this function to each array in the "items" collection. I’ll let you handle that one ^^

Answer 3

Answer №2

One way to handle the array is to transform it into an array of strings as the outcome.

var categories = ["Grocery", "Clothing", "Furniture"],
    items = [["tomatoes", "cheese", "bread", "potatoes"], ["shirt", "jacket", "jeans"], ["sofa", "carpet", "bed"]],
    result = items.map(array => array.reduce((accumulator, value) => {
        if (!accumulator || accumulator[0].length < value.length) {
            return [value];
        }
        if (accumulator[0].length === value.length) {
            accumulator.push(value);
        }
        return accumulator;
    }, undefined));

categories.forEach((category, index) => console.log(`${category}'s longest item${result[index].length === 1 ? ' is' : 's are'} ${result[index].join(', ')}.`));
console.log(result);

Answer 4

One way to handle the array is to transform it into an array of strings as the outcome.

var categories = ["Grocery", "Clothing", "Furniture"],
    items = [["tomatoes", "cheese", "bread", "potatoes"], ["shirt", "jacket", "jeans"], ["sofa", "carpet", "bed"]],
    result = items.map(array => array.reduce((accumulator, value) => {
        if (!accumulator || accumulator[0].length < value.length) {
            return [value];
        }
        if (accumulator[0].length === value.length) {
            accumulator.push(value);
        }
        return accumulator;
    }, undefined));

categories.forEach((category, index) => console.log(`${category}'s longest item${result[index].length === 1 ? ' is' : 's are'} ${result[index].join(', ')}.`));
console.log(result);

Answer 5

Answer №3

let categories = ["Food", "Apparel", "Home Decor"]; 
let items = [
  [
    "apples",
    "ice cream",
    "baguette",
    "sweet potatoes"
  ],
  [
    "blouse",
    "coat",
    "denim"
  ],
  [
    "couch",
    "rug",
    "mattress"
  ]
]; 

var categoriesObj = categories.reduce( (obj, k, idx) => {
  obj[k] = items[idx].reduce( (res, i) => (res.length > i.length ? res : i), '' );
  return obj;
}, {} );

categories.forEach(k => console.log(`${k}'s longest item is: ${categoriesObj[k]}.`));

I trust this information proves useful to you!

Answer 6

let categories = ["Food", "Apparel", "Home Decor"]; 
let items = [
  [
    "apples",
    "ice cream",
    "baguette",
    "sweet potatoes"
  ],
  [
    "blouse",
    "coat",
    "denim"
  ],
  [
    "couch",
    "rug",
    "mattress"
  ]
]; 

var categoriesObj = categories.reduce( (obj, k, idx) => {
  obj[k] = items[idx].reduce( (res, i) => (res.length > i.length ? res : i), '' );
  return obj;
}, {} );

categories.forEach(k => console.log(`${k}'s longest item is: ${categoriesObj[k]}.`));

I trust this information proves useful to you!

Answer 7

Answer №4

To start, you should identify the index in the array lists that corresponds to the specified list, and then use the reduce function on that specific sub-array:

const lists = ["Grocery", "Clothing", "Furniture"]; 
const items = [["tomatoes", "cheese", "bread", "potatoes"], ["shirt", "jacket", "jeans"], ["sofa", "carpet", "bed"]]; 

const longestString = (list) => 
    items[lists.indexOf(list)].reduce((a, b) => a.length > b.length ? a : b);
console.log(`Clothing's longest item is: ${longestString("Clothing")}`)

However, it would be more efficient to store the list name and its items together in a better data structure:

const lists = {
    Grocery: ["tomatoes", "cheese", "bread", "potatoes"],
    Clothing: ["shirt", "jacket", "jeans"],
    Furniture: ["sofa", "carpet", "bed"]
}; 

const longestString = (list) => 
    lists[list].reduce((a, b) => a.length > b.length ? a : b);
console.log(`Clothing's longest item is: ${longestString("Clothing")}`)

Answer 8

To start, you should identify the index in the array lists that corresponds to the specified list, and then use the reduce function on that specific sub-array:

const lists = ["Grocery", "Clothing", "Furniture"]; 
const items = [["tomatoes", "cheese", "bread", "potatoes"], ["shirt", "jacket", "jeans"], ["sofa", "carpet", "bed"]]; 

const longestString = (list) => 
    items[lists.indexOf(list)].reduce((a, b) => a.length > b.length ? a : b);
console.log(`Clothing's longest item is: ${longestString("Clothing")}`)

However, it would be more efficient to store the list name and its items together in a better data structure:

const lists = {
    Grocery: ["tomatoes", "cheese", "bread", "potatoes"],
    Clothing: ["shirt", "jacket", "jeans"],
    Furniture: ["sofa", "carpet", "bed"]
}; 

const longestString = (list) => 
    lists[list].reduce((a, b) => a.length > b.length ? a : b);
console.log(`Clothing's longest item is: ${longestString("Clothing")}`)

Answer 9

Answer №5

Check out the code snippet below:

let categories = ["Grocery", "Clothing", "Furniture"]; 
let items = [
  [
    "tomatoes",
    "cheese",
    "bread",
    "ham"
  ],
  [
    "shirt",
    "jacket",
    "jeans"
  ],
  [
    "sofa",
    "carpet",
    "bed"
  ]
];

categories.forEach( (category, index) => {   
  let longestItem = items[index].reduce(function (a, b) { 
         return a.length > b.length ? a : b; 
      });
 
 console.log(`${category}'s longest item is: ${longestItem}`); 
 });

Answer 10

Check out the code snippet below:

let categories = ["Grocery", "Clothing", "Furniture"]; 
let items = [
  [
    "tomatoes",
    "cheese",
    "bread",
    "ham"
  ],
  [
    "shirt",
    "jacket",
    "jeans"
  ],
  [
    "sofa",
    "carpet",
    "bed"
  ]
];

categories.forEach( (category, index) => {   
  let longestItem = items[index].reduce(function (a, b) { 
         return a.length > b.length ? a : b; 
      });
 
 console.log(`${category}'s longest item is: ${longestItem}`); 
 });

Discovering the lengthiest strings in a multi-dimensional array using JavaScript

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

creating movement in a display of data points

How can I implement a single Ajax call to load content from various pages and display it

How to exit an ASP.NET application by pressing the exit button

help a figure leap within the confines of the artwork

Help Needed: Adding a Simple Element to jQuery Tabs Script

Tips for accessing a variable through request.query

Modifying the appearance of a CSS element with jQuery: Step-by-step guide

Having trouble displaying a background image on a React application

Utilize VueJS to bind a flat array to a v-model through the selection of multiple checkboxes

Tips for resolving a flickering issue that occurs when switching to an input field with our default value / placeholder plugin

Error: Validation error occurred with document - reason unknown

Identifying geometric coordinates within Canvas

Exploring the Strategy of Incorporating Dynamic Keys into TypeScript for Easy Referencing

I received no response when I checked my Discord messages

What could be causing the malfunction in one of the functions within my JavaScript code?

How can I resolve the issue of neglecting the result of `inputstream.read` in IntelliJ?

The value assigned to a dynamically created array in a void function may not be the same when returned in the main() function

Modifying the data attribute within the div does not result in a different image for the 360-degree spin view

Error: Uncaught ReferenceError: d3 is undefined. The script is not properly referenced

When toggling between light and dark themes using the useMediaQuery hook, the Material-ui styling is being overridden