JavaScript join() Method: Array Object
Description
The join() method is used to join all elements of an array into a string. The elements are separated by a specified separator.
Version
Implemented in JavaScript 1.1
Syntax
join(separator)
Parameters
separator: Specifies a string to separate each element of the array. Default separator for the join() method is comma(',').
Example:
In the following web document there is an array called fruits with four elements, join() method is used in different ways : using the default separator, then a comma with a space separator, and then a hyphen separator.
HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript join() method Example-1</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : join() method</h1>
<script src="array-join-example1.js">
</script>
</body>
</html>
JS Code
var fruits = new Array("Orange", "Apple", "Banana", "Chery");
var fruitslist1=fruits.join();
var newParagraph = document.createElement("p");
var newText = document.createTextNode("Fruits List : " + fruitslist1 );
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var fruitslist2=fruits.join(', ');
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("Fruits List : " + fruitslist2);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
var fruitslist3=fruits.join('-');
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode("Fruits List : " + fruitslist3);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2);
View the example in the browser
Practice the example online
JavaScript join() method Example-1See also :
JavaScript Core objects, methods, properties.
Previous: JavaScript concat() Method : Array Object
Next:
JavaScript pop() Method: Array Object
Test your Programming skills with w3resource's quiz.
JavaScript: Tips of the Day
Spread operator
const user = { name: 'Owen', age: 21 }; const admin = { admin: true, ...user }; console.log(admin);
It's possible to combine objects using the spread operator .... It lets you create copies of the key/value pairs of one object, and add them to another object. In this case, we create copies of the user object, and add them to the admin object. The admin object now contains the copied key/value pairs, which results in { admin: true, name: "Owen", age: 21 }.
Ref: https://bit.ly/323Y0P6
- Weekly Trends
- Python Interview Questions and Answers: Comprehensive Guide
- Scala Exercises, Practice, Solution
- Kotlin Exercises practice with solution
- MongoDB Exercises, Practice, Solution
- SQL Exercises, Practice, Solution - JOINS
- Java Basic Programming Exercises
- SQL Subqueries
- Adventureworks Database Exercises
- C# Sharp Basic Exercises
- SQL COUNT() with distinct
- JavaScript String Exercises
- JavaScript HTML Form Validation
- Java Collection Exercises
- SQL COUNT() function
- SQL Inner Join
We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook