JavaScript arrays: copying, transferring and merging - How to merge two arrays into a single array using JavaScript
(Page 4 of 5 )
In our previous sections, we managed to copy or transfer the information available in one array to another. In this section, we shall deal with merging two arrays into a new array.
Now, let us try to develop a simple script (JavaScript) which merges two arrays into the third array. Have a look at the following code:
<html>
<head>
<meta name=vs_targetSchema content="http://schemas.microsoft.com/
intellisense/ie5">
<script id="clientEventHandlersJS" language="javascript">
<!--
functionShow()
{
var myArray1 = new Array();
myArray1[0] = "Jag";
myArray1[1] = "Chat";
myArray1[2] = "Win";
myArray1[3] = "Dhan";
var myArray2 = new Array();
myArray2[0] = "aaa";
myArray2[1] = "bbb";
myArray2[2] = "ccc";
myArray2[3] = "ddd";
var myArray3 = myArray1.concat(myArray2);
document.write("Merged array<br>----------------<br>");
for (var i = 0; i < myArray3.length; i++)
{
document.write(myArray3[i] + "<BR>");
}
}
functionButtonMerge_onclick() {
Show();
}
//-->
</script>
</head>
<body>
<form id="form1">
<input type="button" value="Merge and Show" id="ButtonMerge" name="ButtonMerge" onclick="return ButtonMerge_onclick()">
</form>
</body>
</html>
When the above code is executed we get the following output:
Merged array
----------------
Jag
Chat
Win
Dhan
aaa
bbb
ccc
ddd
The explanation for the above code is given in the next section.
Next: How to merge two arrays into a single array using JavaScript: discussion >>
More JavaScript Articles
More By Jagadish Chaterjee
