Working with Arrays in JavaScript


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
- Uploaded on | 1 Views
-
prebislav
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