Concatenate a string on map function javascript

Question

I have an object lengthOfStay in which I'm trying to concatenate the values inside it and put it on customerApplication.lengthOfStay

lengthOfStay:{
    yrs: '',
    mos:''
},
customerApplication: {
    length_of_stay: this.lengthOfStayYrsMos
}

computed: {
     lengthOfStayYrsMos(){
        return this.customerApplication.length_of_stay = 
        Object.keys(this.lengthOfStay).map(k =>  this.lengthOfStay[k]).join(" ")
      }
}

so for the concatenation looks good and the result for example is

lengthOfStay:{
    yrs: '2',
    mos:'2'
},
//result
customerApplication: {
    length_of_stay: "2 2"
}

how can I concatenate a string on it ? so that the result would be

customerApplication: {
    length_of_stay: "2 Yrs. & 2 Mos."
}

narcello · Accepted Answer · 2019-05-31 04:49:32Z

4

Try this:

Object.keys(this.lengthOfStay).map(k =>  {
   return `${this.lengthOfStay[k]} ${k}.` 
}).join(" & ")

FOR FIRST KEY UPPERCASE

Object.keys(this.lengthOfStay).map(k =>  {
   return `${this.lengthOfStay[k]} ${k.charAt(0).toUpperCase() + k.slice(1)}.` 
}).join(" & ")

edited May 31, 2019 at 4:49

answered May 31, 2019 at 4:44

narcello

5094 silver badges11 bronze badges

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

Comments

Code Maniac · Accepted Answer · 2019-05-31 04:55:56Z

2

You can use Object.entries() to get both key and value from object, then change first character to uppercase and concatenate in desired format

let data ={ lengthOfStay:{ yrs: '2', mos:'2' }}
let capFirstChar = (str)=> str[0].toUpperCase() + str.substr(1,)

let op = Object.entries(data.lengthOfStay)
               .map(([key, value]) => `${value} ${capFirstChar(key)}.`)
               .join(' & ')

console.log(op)

edited May 31, 2019 at 4:55

answered May 31, 2019 at 4:42

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Collectives™ on Stack Overflow

Concatenate a string on map function javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related