Turning an object to a string using native javascript

Question

I have defined the following object:

let myObj = {
my: 'name',
is: 'Inigo Montoya',
prepare: 'to die!'
}

What is the best way of making myObj to equal { "my name is Inigo Montoya prepare to die!" }?

I know you can Stringify using JSON, but I'd like doing it in native Javascript. I've tried the following to get a string made of all the object properties + values:

let combined = Object.entries(obj).forEach(entire => {
  return `${entrie[0]} ${entrie[1]}` });

but I only get undefined.

I'd love understanding why I'm getting undefined in this particular case, and also hearing what would you say the best way to solve the problem described above. Thanks!!

.forEach always returns undefined, you probably want .map() — Pointy
– Pointy, Commented Mar 11, 2019 at 17:58
forEach does not make any sense since return does nothing.... — epascarello
– epascarello, Commented Mar 11, 2019 at 17:59

Slai · Accepted Answer · 2019-03-11 18:29:21Z

8

You can't return from a forEach, rather map to an array of the returned paired strings, then join that to one string:

Object.entries(obj).map(entry => `${entry[0]} ${entry[1]}`).join(" ");

Or I'd just do

Object.entries(obj).flat().join(" ")

edited Mar 11, 2019 at 18:29

Slai

23k5 gold badges49 silver badges55 bronze badges

answered Mar 11, 2019 at 17:59

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

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

1 Comment

rzk666 Over a year ago

Thanks for the answer and the clean solutions! marked it as the answer.

Code Maniac · Accepted Answer · 2019-03-11 17:59:54Z

1

forEach returns undefined. You can use Object.entries and reduce

let myObj = {my: 'name',is: 'Inigo Montoya',prepare: 'to die!'}

let string = Object.entries(myObj)
             .reduce((op,[key,value])=>op+= ' '+ key + ' '+ value, '')
             .trim()

console.log(string)

answered Mar 11, 2019 at 17:59

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Comments

ellipsis · Accepted Answer · 2019-03-11 18:07:29Z

1

Using the String constructor convert the object into a string and using split and join remove : and ,

let myObj = {
my: 'name',
is: 'Inigo Montoya',
prepare: 'to die!'
}
console.log(String(JSON.stringify(myObj)).split(':').join(" ").split(',').join(' ').split(`"`).join(''))

edited Mar 11, 2019 at 18:07

answered Mar 11, 2019 at 18:02

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

1 Comment

rzk666 Over a year ago

I literally said I know I can use JSON stringify but I want to do it with native Javascript only :|

Aziz.G · Accepted Answer · 2019-03-11 18:12:33Z

1

let myObj = {
  my: 'name',
  is: 'Inigo Montoya',
  prepare: 'to die!'
}

const res = Object.entries(myObj).map(el => el[0].concat(" " + el[1])).join(" ")


console.log(res)

answered Mar 11, 2019 at 18:12

Aziz.G

3,7813 gold badges20 silver badges38 bronze badges

Comments

Maheer Ali · Accepted Answer · 2019-03-11 18:16:39Z

0

You can use reduce() because forEach() always returns undefined

let myObj = {
  my: 'name',
  is: 'Inigo Montoya',
  prepare: 'to die!'
}

let combined = Object.entries(myObj).reduce((ac,entrie)=> ac  + ` ${entrie[0]} ${entrie[1]} ` ,'').trim();;
  console.log(combined)

edited Mar 11, 2019 at 18:16

answered Mar 11, 2019 at 18:01

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

1 Comment

rzk666 Over a year ago

Don't know why it got downvoted but I upvoted this one. I liked the reduce approach a lot. Thanks!

slevy1 · Accepted Answer · 2019-03-11 18:46:27Z

let myObj = {
  my: 'name',
  is: 'Inigo Montoya',
  prepare: 'to die!'
}

var the_keys = Object.keys(myObj),
  length = the_keys.length,
  resArray = new Array(length);
  
while (length--) {
  resArray[length] = [the_keys[length], myObj[the_keys[length]]];
}
var myStr = resArray.join(" ").replace(/,/g, ' ');
console.log(myStr);

This answer will accommodate those who have an older browser that does not support Object.entries. The code sets three variables: the_keys assigned the result of passing myObj to Object.keys(), length gets assigned the length property of that array, resArray results from creating a new array, using the length variable to set it. Then the resArray is iteratively filled with an array containing each key and its corresponding value. The variable myStr results from joining the values of resArray with blank space and replacing all commas with a blank space.

Collectives™ on Stack Overflow

Turning an object to a string using native javascript

6 Answers 6

1 Comment

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related