Project 1: Using Arrays and Manipulating Strings Essentials for Design JavaScript Level Two Michael Brooks.

Project 1: Using Arrays and Manipulating Strings

Essentials for DesignJavaScript

Level TwoMichael Brooks

Copyright (c) 2005 Prentice-Hall. All rights reserved. 2

Objectives

Use string methods Create and populate an array Sort an array Incorporate array methods Split and join strings Use multi-dimensional arrays


Why Would I Do This?

String object – holds text Common example – a variable that holds text

String method – used to manipulate string object

Array – holds multiple items of data Element – an individual piece of data Multidimensional array – an array stored as an

element of another array


Using String Methods

toUpperCase() – returns string in all uppercase letters

charAt() – returns a single character indexOf() – returns the position of a substring substring() – extracts a substring from

another string


Creating and Populating Arrays

Each element in array represented by an index, placed within a bracket window[1] refers to the second element in the

“window” array Array() Constructor method Using numbered array elements Applying named array elements


Sorting Arrays

sort() method reorders the contents of an array By default, sorted in ascending order Custom sort order can be specified

Older browsers may require that a sort order be specified


Incorporating Array Methods

pop() method returns last element in array Also removes last element from array

push() method adds element to end of array reverse() method reverses the order of all

elements in an array shift() method removes first element in array

Other elements move up one position in array unShift() method adds element before the

first element Other elements move down one position in array


Incorporating Array Methods (cont)

shift() method removes first element in array Other elements move up one position in array

unShift() method adds element before the first element Other elements move down one position in array


Splitting and Joining Strings

Delimiter – marks the beginning or end of a unit of data Can be a single character or group of characters Commas, tabs, and spaces most commonly used

split() method – splits a string into an array join() method – joins elements in an array

into a string


Array Terminology

Stack – last item added to array is first to be retrieved A Last In, First Out (LIFO) approach

Queue – first item added to array is first to be retrieved A First In, First Out (FIFO) approach


Using a Multi-Dimensional Array

An array stored within an array Useful with large chunks of data that need to

be divided into subcategories

Project 1: Using Arrays and Manipulating Strings Essentials for Design JavaScript Level Two Michael Brooks.

Documents

array slide

copyright c

array return slide

string substring slide

substring return slide

named array elements

string object array

array methods