Language Basics JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Language Basics
  4. Array Concatenation


Array Concatenation

var arrayOne, arrayTwo, arrayThree, textObj
function initialize() {
    var form = document.forms[0]
    textObj = form.original
    arrayOne = new Array("A", "B","C")
    arrayTwo = new Array("D", "E",textObj)
    arrayThree = arrayOne.concat(arrayTwo)
    update1(form)
    update2(form)
    showArrays()
}
function showArrays() {
    var form = document.forms[0]
    form.array1.value = arrayOne.join("\n")
    form.array2.value = arrayTwo.join("\n")
    form.array3.value = arrayThree.join("\n")
}
function update1(form) {
    arrayThree[0] = form.source1.value
    form.result1.value = arrayOne[0]
    form.result2.value = arrayThree[0]
    showArrays()
}
function update2(form) {
    arrayThree[5].value = form.source2.value
    form.result3.value = arrayTwo[2].value
    form.result4.value = arrayThree[5].value
    showArrays()
}











arrayOnearrayTwoarrayThree

Enter new value for arrayThree[0]:



Current arrayOne[0] is:

Current arrayThree[0] is:


textObj assigned to arrayTwo[2]:


Enter new value for arrayThree[5]:



Current arrayTwo[2].value is:

Current arrayThree[5].value is: