If you want to map objects to something (in this case a property). I think Array.prototype.map is what you're looking for if you want to code functionally.
(fiddle)
If you want to support older browsers, that are not ES5 compliant you can shim it (there is a polyfill on the MDN page above). Another alternative would be to use underscorejs's pluck method:
var users = [
{name: "Joe", age: 22},
{name: "Kevin", age: 24},
{name: "Peter", age: 21}
];
var result = _.pluck(users,'name').join(",")
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › Array › join
Array.prototype.join() - JavaScript - MDN Web Docs
The join() method of Array instances returns a new string that is the concatenation of all elements in this array, separated by commas or a specified separator string. If the array has only one item, that item's stringification is returned without using the separator.
GeeksforGeeks
geeksforgeeks.org › javascript › javascript-array-join-method
JavaScript Array join() Method - GeeksforGeeks
January 16, 2026 - [Example 2]: In this example, the function join() joins together the elements of the array into a string using ‘, ‘ since it is the default value.
javascript - Perform .join on value in array of objects - Stack Overflow
Worth mentioning that just like ... holds in JavaScript. CoffeeScript is cool with them though coffeescript.org . 2013-05-17T11:28:08.277Z+00:00 ... Just an update - array comprehensions have been dropped out of ES6, maybe we'll get them in ES7. 2014-11-18T13:06:56.11Z+00:00 ... Save this answer. ... Show activity on this post. Well you can always override the toString method of your objects... More on stackoverflow.com
javascript - How to join/add strings in an array object - Stack Overflow
You can use .map and .join functionalities too. Here .map will take the values based upon the key-pointName and .join is used to return an array as a string. More on stackoverflow.com
Convert array of key:value pair objects to string
There are two main approaches for this. The first is pretty straightfoward: do the first bits, then join: data.map(({ name, value }) => `${name}=${value}`).join('/'); You first join the data into an array like this ['a=b', 'c=d', 'e=f'] than just use the String join() function to join those with slashes. The slightly fancier way would be to use .reduce(): data.reduce((str, { name, value }) => `${str}${str ? '/' : ''}${name}=${value}`, '') This one you're just adding each onto the string. This one is a little harder to read, but has the advantage of only one loop through the data instead of two like the other. Better if you're getting lots of data (hundreds or thousands of records). The ternary bit in there (?:) is simply to ensure you don't get a "/" at the start of the string. More on reddit.com
9
2
March 19, 2021Is there a way to convert an array into string like ["P" ,"A","N","D","A"] to PANDA ?
["P" ,"A","N","D","A"].join('') you can pass a string to join, to change the default behavior (which is joining with a comma). If you use an empty string you join the letters without additional characters. More on reddit.com
26
47
January 4, 2022W3Schools
w3schools.com › jsref › jsref_join.asp
JavaScript Array join() Method
The join() method returns an array as a string.
Codemzy
codemzy.com › blog › array-join-object-property
Using Array join() on an object property - Codemzy's Blog
May 30, 2023 - If you did want to join your array of objects, you can turn the objects into strings first using Array.map() on the array, and JSON.stringify() on the objects.
ReqBin
reqbin.com › code › javascript › 98ugueow › javascript-array-join-example
How do I join array elements in JavaScript?
To join JavaScript array elements in a string, you can use the array.join(separator) method.
daily.dev
daily.dev › home › blog › webdev › javascript join() method: syntax, examples & pitfalls
JavaScript join() Method: Syntax, Examples & Pitfalls | daily.dev
May 25, 2026 - The Array join() method converts arrays to strings with a custom separator. Covers syntax, handling null/undefined, performance in loops
Top answer 1 of 14
698
If you want to map objects to something (in this case a property). I think Array.prototype.map is what you're looking for if you want to code functionally.
(fiddle)
If you want to support older browsers, that are not ES5 compliant you can shim it (there is a polyfill on the MDN page above). Another alternative would be to use underscorejs's pluck method:
var users = [
{name: "Joe", age: 22},
{name: "Kevin", age: 24},
{name: "Peter", age: 21}
];
var result = _.pluck(users,'name').join(",")
2 of 14
93
Well you can always override the toString method of your objects:
var arr = [
{name: "Joe", age: 22, toString: function(){return this.name;}},
{name: "Kevin", age: 24, toString: function(){return this.name;}},
{name: "Peter", age: 21, toString: function(){return this.name;}}
];
var result = arr.join(", ");
console.log(result);Board Infinity
boardinfinity.com › blog › array-join-in-javascript
Array Join() in JavaScript | Board Infinity
January 2, 2025 - This approach is commonly used in creating a list form of interfaces, where the quantity being displayed is large. The javascript array join() method can be used to prepare data in a specific format, such as CSV:
YouTube
youtube.com › watch
JavaScript Array.join() Method Explained | Join Array Elements into a String - YouTube
🔍💡 Learn how to use the JavaScript Array.join() method to join array elements into a single string 📝! In this quick 2-minute tutorial, we'll cover the bas...
Published: August 5, 2024
TutorialsPoint
tutorialspoint.com › javascript › array_join.htm
JavaScript - Array join() Method
The JavaScript Array join() method is used to concatenate the array elements with a specified separator and returns the result as a string. Following is the syntax of JavaScript Array join() method − This method accepts only one parameter.
Vultr Docs
docs.vultr.com › javascript › standard library › array › join()
Join Array Elements - JavaScript
November 28, 2024 - The join() method in JavaScript is a powerful tool for concatenating all the elements of an array into a single string, separated by a specified delimiter.
JavaScript Tutorial
javascripttutorial.net › home › javascript array methods › array.prototype.join()
Learn JavaScript Array join() By Practical Examples
November 7, 2024 - If the array has one element, the join() method returns that element as a string without the trailing separator. When the array is empty, the join() method returns an empty string.
O'Reilly
oreilly.com › library › view › javascript-the-definitive › 0596101996 › re08.html
Array.join( ): concatenate array elements to form a string — ECMAScript v1 - JavaScript: The Definitive Guide, 5th Edition [Book]
August 17, 2006 - join( ) converts each element of an array to a string and then concatenates those strings, inserting the specified separator string between the elements. It returns the resulting string.
Author: David Flanagan
Published: 2006
Pages: 1018
Top answer 1 of 2
2
You can use .map and .join functionalities too. Here .map will take the values based upon the key-pointName and .join is used to return an array as a string. The elements will be separated by a specified separator (here "-").
let array = [
{pointID: 1, pointName: "One" },
{pointID: 2, pointName: "Two" },
{pointID: 3, pointName: "Three" }
];
var permittedValues = array.map(value => value.pointName).join("-") ;
2 of 2
2
You can use Array.prototype.reduce function to return an array which contains pointName for each object in the array and join all value of the return array with -.
let data = [
{pointID: 1, pointName: "One" },
{pointID: 2, pointName: "Two" },
{pointID: 3, pointName: "Three" }
]
let result = data.reduce((accumulator, current) => {
return accumulator.concat(current.pointName);
}, []).join('-');
console.log(result);GeeksforGeeks
geeksforgeeks.org › javascript › how-to-create-a-string-by-joining-the-elements-of-an-array-in-javascript
Create a String by Joining the Elements of an Array in JavaScript - GeeksforGeeks
August 31, 2026 - The join() method combines all elements of an array into a string. It accepts an optional separator, which is a comma (,) by default. ... Example: Use an empty separator to join all array elements without any space or character between them.
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › Array › toString
Array.prototype.toString() - JavaScript - MDN Web Docs
The toString method of arrays calls join() internally, which joins the array and returns one string containing each array element separated by commas. If the join method is unavailable or is not a function, Object.prototype.toString is used instead, returning [object Array]. js · const arr ...
Code.mu
code.mu › en › javascript › manual › array › join
The join method - concatenation of array elements into a string in JavaScript
The join method concatenates all array elements into a string with the specified separator in JavaScript.
LabEx
labex.io › tutorials › javascript-join-array-into-string-28455
Join Array Into String: Efficient JavaScript Manipulation | LabEx
The join() function uses Array.prototype.reduce() to combine the elements of the array into a string.
Udemy
blog.udemy.com › home › it & development › web development › javascript array join : how to join multiple elements of an array into a string
JavaScript Array Join : How to Join Multiple Elements of an Array into a String - Udemy Blog
April 14, 2026 - If you want to know more about how to write working JavaScript programs and execute them in your browser, sign up for our introductory JavaScript course. We cover all the basics of the language, include how to write and test your own programs. You can use a different separator than the default comma. You can use an entire word, for example: <!DOCTYPE html> <html> <body> <p>Click the button to join the array elements into a string.</p> <button onclick="exampleFunction()">Try it</button> <p id="abc"></p> <script> function exampleFunction() { var shapes = [“Circle”, “Square”, “Triange”, “Rectangle”]; var comb = document.getElementById("abc"); comb.innerHTML = shapes.join(or); } </script> </body> </html>