Working with Arrays in JavaScript

Working with Arrays in JavaScript
paly

This article covers various operations that can be performed on arrays in JavaScript. It includes creating an array, using a For-In statement to iterate over its elements, joining two arrays using the concat method, converting

About Working with Arrays in JavaScript

PowerPoint presentation about 'Working with Arrays in JavaScript'. This presentation describes the topic on This article covers various operations that can be performed on arrays in JavaScript. It includes creating an array, using a For-In statement to iterate over its elements, joining two arrays using the concat method, converting. The key topics included in this slideshow are . Download this presentation absolutely free.

Presentation Transcript


Slide1Pertemuan 12

Slide2Create an array  For...In Statement  Join two arrays - concat()  Put array elements into a string - join()  Literal array - sort()  Numeric array - sort()

Slide3<html><body> <script type="text/javascript"> var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; for (i=0;i<mycars.length;i++) { document.write(mycars[i] + "<br />"); } </script> </body> </html> Saab Volvo BMW Saab Volvo BMW

Slide4<html><body> <script type="text/javascript"> var x; var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; for (x in mycars) { document.write(mycars[x] + "<br />"); } </script> </body> </html> Saab Volvo BMW Saab Volvo BMW

Slide5<html><body> <script type="text/javascript"> var arr = new Array(3); arr[0] = "Jani"; arr[1] = "Tove"; arr[2] = "Hege"; var arr2 = new Array(3); arr2[0] = "John"; arr2[1] = "Andy"; arr2[2] = "Wendy"; document.write(arr.concat(arr2)); </script> </body> </html> Jani,Tove,Hege,John,Andy,Wendy Jani,Tove,Hege,John,Andy,Wendy

Slide6<html><body> <script type="text/javascript"> var arr = new Array(3); arr[0] = "Jani"; arr[1] = "Hege"; arr[2] = "Stale"; document.write(arr.join() + "<br />"); document.write(arr.join(".")); </script> </body> </html> Jani,Hege,Stale Jani.Hege.Stale Jani,Hege,Stale Jani.Hege.Stale

Slide7<html><body> <script type="text/javascript"> var arr = new Array(6); arr[0] = "Jani"; arr[1] = "Hege"; arr[2] = "Stale"; arr[3] = "Kai Jim"; arr[4] = "Borge"; arr[5] = "Tove"; document.write(arr + "<br />"); document.write(arr.sort()); </script> </body> </html> Jani,Hege,Stale,Kai Jim,Borge,Tove Borge,Hege,Jani,Kai Jim,Stale,Tove Jani,Hege,Stale,Kai Jim,Borge,Tove Borge,Hege,Jani,Kai Jim,Stale,Tove

Slide8<html><body> <script type="text/javascript"> function sortNumber(a, b) { return a - b; } var arr = new Array(6); arr[0] = "10"; arr[1] = "5"; arr[2] = "40"; arr[3] = "25"; arr[4] = "1000"; arr[5] = "1"; document.write(arr + "<br />"); document.write(arr.sort(sortNumber)); </script> </body> </html> 10,5,40,25,1000,1 1,5,10,25,40,1000 10,5,40,25,1000,1 1,5,10,25,40,1000