Better ways to modify string with multiple methods?

Question

In the string str I am making the string lower case and capitalizing the first word. Is there a better way to modify strings then what I did? I tried doing return str.toLowerCase().charAt(0).toUpperCase();, however, all this does is return the letter H. Is there a better way to chain methods onto a variable containing a string?

let str = `HOW ARE YOU DOING TODAY?`

function capitalize() {

  str1 = str.toLowerCase()

  return str.charAt(0).toUpperCase() + str1.slice(1);
}

console.log(capitalize());  /// -> How are you doing today?

Anything wrong with str.charAt(0).toUpperCase() + str1.slice(1) in particular? — zerkms
– zerkms, Commented Jul 9, 2020 at 3:00
I was hoping there was a way to do something along the lines of str.toLowerCase().charAt(0).toUpperCase() rather then dissecting the sentence into parts. — coe
– coe, Commented Jul 9, 2020 at 3:09
either of the comments above do what you are asking without dissecting the sentence into parts. — Rick
– Rick, Commented Jul 9, 2020 at 3:11
I am having to select the first character of the string and then slice the remaining part of the sentence and add them together. I was trying to ask if you could modify the string with methods without having to concatenate the 'divided parts' together. — coe
– coe, Commented Jul 9, 2020 at 3:18

Faraaz Malak · Accepted Answer · 2020-07-09 03:15:21Z

1

Your concept and the implementation approach is correct. You can use the template literals and arrow functions, to make the code more concise

const capitalize = (str) =>  `${str.charAt(0).toUpperCase()}${str.slice(1).toLowerCase()}`;

answered Jul 9, 2020 at 3:15

Faraaz Malak

3391 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

zerkms Over a year ago

Template literals in this particular case make the expression several characters longer.

Bren · Accepted Answer · 2020-07-09 03:05:09Z

1

Here's a simple elegant solution:

let str = "HOW ARE YOU DOING TODAY?";

function capitalize(str) {
    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
}

console.log(capitalize(str));

answered Jul 9, 2020 at 3:05

Bren

6155 silver badges15 bronze badges

Comments

Anne · Accepted Answer · 2020-07-09 03:13:29Z

1

let str = `HOW ARE YOU DOING TODAY?`

function capitalize(str) {

  return `${str[0].toUpperCase()}${str.slice(1).toLowerCase()}`;
}

console.log(capitalize(str));  /// -> How are you doing today?

answered Jul 9, 2020 at 3:13

Anne

1597 bronze badges

Comments

Nick Parsons · Accepted Answer · 2020-07-09 08:55:27Z

0

As strings are immutable in JS, you can't change them in place. You could instead consider using .replace() with a regular expression to obtain the first character (.) and the rest (.+) so that you can make the first character uppercase, and the rest lowercase:

const capitalize = str =>
  str.toLowerCase().replace(/(.)(.+)/g, (_, f, r) => f.toUpperCase() + r);

console.log(capitalize("HOW ARE YOU DOING TODAY?"));

You could also consider using destructuring to obtain the first character and rest of the string like so:

const capitalize = ([f="", ...r]) =>
  `${f.toUpperCase()}${r.join('').toLowerCase()}`;

console.log(capitalize(""));

edited Jul 9, 2020 at 8:55

answered Jul 9, 2020 at 3:22

Nick Parsons

51.7k6 gold badges61 silver badges80 bronze badges

Collectives™ on Stack Overflow

Better ways to modify string with multiple methods?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related