React convert array name to normal sentence

Question

I have displayed the name of the arrays in the UI and I'm trying to convert those as a normal sentence: Example: thisIsArrayOne, thisIsArrayTwo => should be This Is Array One, This Is Array Two.

I'm using toTitleCase method but seems that is not working

<div>{name.toTitleCase()}</div>

How about Javascript solutions of this: https://stackoverflow.com/q/5582228/4636715 . Btw, I could not get what exactly you mean by *array name* or *name of the arrays* — vahdet, Feb 06 '20 at 08:51

Palash Kanti Bachar · Accepted Answer · 2020-02-06T08:49:04.883

0

You can try

  let array=["thisIsArrayOneTwo","thisIsArrayTwo"];
   let newArray=array.map(r=>r.split(/(?=[A-Z])/).join(" "));
   console.log(newArray);

Code here: https://stackblitz.com/edit/react-v8ltfo

edited Feb 06 '20 at 08:49

answered Feb 06 '20 at 08:31

Palash Kanti Bachar

596
3
11

Thanks, it's working. Also need some CSS to capitalize the word and it's okay. :) – alar Feb 06 '20 at 08:57
Could you mark the ans useful. – Palash Kanti Bachar Feb 06 '20 at 11:51

Avinash Kumar · Answer 2 · 2020-02-06T09:01:54.087

You can try like this -- This is React functional component .

  

import React from 'react';
    
 const New = (props) =>{
    let val = ['thisIsArrayOne', 'thisIsArrayTwo'];
     const cheangeUpperCase = ()=>{
      
         let a =val.map((val, index)=>(  
            val= val.charAt(0).toUpperCase() + val.slice(1)
         ));
         console.log(a.join(','))
         return a.join(',');
     }
     
    return(
        <div>
        {cheangeUpperCase()}
        </div>
    );
}
export default New;

React convert array name to normal sentence

2 Answers2