Skip to content

JavaScript join the array of objects | Example code

  • by

Using map functionality you can join the array of objects in JavaScript. Code snip for join object values.

console.log([
      {name: "Joe", age: 22},
      {name: "Kevin", age: 24},
      {name: "Peter", age: 21}
    ].map(function(elem){
        return elem.name;
    }).join(","));

In modern JavaScript, this will not perform with the join method only on the name attribute, to achieve the same output as before.

console.log([
      {name: "Joe", age: 22},
      {name: "Kevin", age: 24},
      {name: "Peter", age: 21}
    ].map(e => e.name).join(","));

Source: stackoverflow.com

Example join an array of objects in JavaScript

A simple example code uses the .join() method to get a single string, with each element separated by commas, like so:

["Joe", "Kevin", "Peter"].join(", ") // => "Joe, Kevin, Peter"

If you want to perform a similar operation on a value held within it.

[
  {name: "Joe", age: 22},
  {name: "Kevin", age: 24},
  {name: "Peter", age: 21}
]

Complete code

<!DOCTYPE html>
<html>
<head>

  <script>

    let arr = [
    {name: "Joe", age: 22},
    {name: "Kevin", age: 24},
    {name: "Peter", age: 21}
    ]

    let res = arr.map(function(elem){ 
      return elem.name +" "+ elem.age; }).join(",");

    console.log(res)

  </script>

</head>
</html>

Output:

JavaScript join the array of objects

Do comment if you have any doubt or suggestions on this JS join array topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Discover more from Tutorial

Subscribe now to keep reading and get access to the full archive.

Continue reading