Discover the maximum length of an element in an array using JavaScript

Question

Discover the maximum length of an element in an array using JavaScript

I am trying to determine the length of the longest string in a given array. If the array is empty, the function should return 0.

Here is my attempted solution:

function getLengthOfLongestElement(arr) {
  var longestLength = 0;

 for(var i=0; i< arr.length; i++){
    if(arr[i].length > longestLength){
        longestLength = arr[i].length;
     }
 }
}

var output = getLengthOfLongestElement(['one', 'two', 'three']);
console.log(output); // --> SHOULD RETURN 5

However, my code did not work as expected. Do you have any insights on how to fix it or any better alternatives to achieve this task?

javascript arrays

Answer 1

Answer №1

Adding another twist to the selection: use Math.max to find the longest string by passing the lengths as arguments (after mapping them on the input):

function determineLongestString(arr) {
  return Math.max(0,...arr.map(s=>s.length));
}

var result = determineLongestString(['apple', 'banana', 'cherry']);
console.log(result);

Answer 2

Adding another twist to the selection: use Math.max to find the longest string by passing the lengths as arguments (after mapping them on the input):

function determineLongestString(arr) {
  return Math.max(0,...arr.map(s=>s.length));
}

var result = determineLongestString(['apple', 'banana', 'cherry']);
console.log(result);

Answer 3

Answer №2

Here is a job that involves reduction and can be executed in the following manner;

let words = ['apple', 'banana', 'kiwi'],
    longestLength = words.reduce((prev, curr) => prev > curr.length ? prev : curr.length, 0);
console.log(longestLength);

Answer 4

Here is a job that involves reduction and can be executed in the following manner;

let words = ['apple', 'banana', 'kiwi'],
    longestLength = words.reduce((prev, curr) => prev > curr.length ? prev : curr.length, 0);
console.log(longestLength);

Answer 5

Answer №3

To improve your function, make sure to use arr[i].length instead of arr[i] and remember to return biggestNum at the end:

function getLengthOfLongestElement(arr) {
  var biggestNum = 0;

  for (var i = 0; i < arr.length; i++) {
    if (arr[i].length > biggestNum) {
      biggestNum = arr[i].length;
    }
  }
  return biggestNum;
}

Example:

function getLengthOfLongestElement(arr) {
  var biggestNum = 0;

  for (var i = 0; i < arr.length; i++) {
    if (arr[i].length > biggestNum) {
      biggestNum = arr[i].length;
    }
  }
  return biggestNum;
}

var result = getLengthOfLongestElement(['apple', 'orange', 'banana']);
console.log(result);

Answer 6

To improve your function, make sure to use arr[i].length instead of arr[i] and remember to return biggestNum at the end:

function getLengthOfLongestElement(arr) {
  var biggestNum = 0;

  for (var i = 0; i < arr.length; i++) {
    if (arr[i].length > biggestNum) {
      biggestNum = arr[i].length;
    }
  }
  return biggestNum;
}

Example:

function getLengthOfLongestElement(arr) {
  var biggestNum = 0;

  for (var i = 0; i < arr.length; i++) {
    if (arr[i].length > biggestNum) {
      biggestNum = arr[i].length;
    }
  }
  return biggestNum;
}

var result = getLengthOfLongestElement(['apple', 'orange', 'banana']);
console.log(result);

Answer 7

Answer №4

Instead of using arr[i], make use of the length property. This way, your code will look like arr[i].length

function findLongestElement(arr) {
  var longestLength = 0;

  for (var i = 0; i < arr.length; i++) {
    if (arr[i].length > longestLength) {
      longestLength = arr[i].length;
    }
  }

  return longestLength;
}

Answer 8

Instead of using arr[i], make use of the length property. This way, your code will look like arr[i].length

function findLongestElement(arr) {
  var longestLength = 0;

  for (var i = 0; i < arr.length; i++) {
    if (arr[i].length > longestLength) {
      longestLength = arr[i].length;
    }
  }

  return longestLength;
}

Answer 9

Answer №5

To find the length of the longest element in an array, you can use the following JavaScript function. It checks if the array has zero elements and returns 0, or if the array has elements, it iterates through the array to find the length of the longest element.

function getLengthOfLongestElement(arr) {
  var biggestNum = 0;
  if (arr.length > 0) {
    for (var i = 0; i < arr.length; i++) {
      if (arr[i].length > biggestNum) {
        biggestNum = arr[i].length;
      }

    }
  } else if (arr.length == 0) {
    biggestNum = 0
  }
  return biggestNum

}

var output = getLengthOfLongestElement(['one', 'two', 'three']);
console.log(output);

Answer 10

To find the length of the longest element in an array, you can use the following JavaScript function. It checks if the array has zero elements and returns 0, or if the array has elements, it iterates through the array to find the length of the longest element.

function getLengthOfLongestElement(arr) {
  var biggestNum = 0;
  if (arr.length > 0) {
    for (var i = 0; i < arr.length; i++) {
      if (arr[i].length > biggestNum) {
        biggestNum = arr[i].length;
      }

    }
  } else if (arr.length == 0) {
    biggestNum = 0
  }
  return biggestNum

}

var output = getLengthOfLongestElement(['one', 'two', 'three']);
console.log(output);

Discover the maximum length of an element in an array using JavaScript

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Determining the Location of a Drag and Drop Item

Determine if an HTML element contains a specific class using JavaScript

A guide on generating multiple arrays within Laravel 5

Stop the loop in cypress

Error message "Property shorthand expected in object literal" occurs when assigning a value to a variable as an object

"Trouble with Angular reactive form submission - selected options not being passed through

Modify the date format inside the content of an HTML element or its descendants (excluding their attributes)

Passing Variables from Node JS to Pug Template's HTML and JavaScript Sections

Generating a 3D face using three coordinates in Three.js

Running a server-side function on the client-side in Node.js

Identify alterations in an input field after selecting a value from a dropdown menu

Leave a message | Google Sheets | JavaScript using nodeJS

Can the keydown event have an impact on setInterval functionality?

Can you explain the significance of "javascript:void(0)"?

Is there a way to incorporate vue samples into an independent HTML document?

Tips for maximizing image efficiency using Next.js and Amazon S3

What is the purpose of the "modal-backdrop fade show" element remaining visible after the associated component is unmounted, and what is the best way to eliminate or disable this div?

Unable to locate the 'react-native' command, attempted various fixes but none were successful

ng-class in AngularJS not interacting with Scope method

What is the best way to execute a Java script using AJAX from a different file?