Character Sequences
At the most basic level JavaScript strings are sequences of text characters. The text characters may be symbols such as
+/-%$#@, numbers such as 1234567890, and characters such as aà áâãäåæbcçdeèand so on. However, unlike lower level languages like C, the text characters cannot be directly manipulated within the string. Short one character strings can be extracted from a string and new strings can be built from smaller one character strings, but characters are not a separate data type as in C.Strings are often created in JavaScript by assigning literal text to a variable. For example:
welcome = "Hello World"
In this example we want the sequence of characters that spell out the words:
Hello World to be stored in the variable
welcome. To indicate that these characters are to be taken literally as text and not be interpreted as JavaScript variables or key words the characters must be enclosed in single or double quotes. Either can be used.welcome = 'Hello World'
does the same thing as:
welcome = "Hello World"
String Objects
After the assignment of the literal string "Hello World", the variable
welcome may be treated as a string object. Just as the document object had properties that could be read (and set) and methods that provide more complex functionality, JavaScript strings have properties that can be read and methods to perform useful functions. Here are some introductory examples showing some simple JavaScript statements where a value is returned to a variable named result. They do not completely document these methods.Determining String Length
welcome = "Hello World"
result = welcome.length
The length property contains the number of characters that are in a string. In this example
resultwill be assigned the number 11.To make string length and the position of characters within the string easier to visualize the simple illustration below shows the eleven characters in the string Hello World numbered from 0 through 10. Note that because JavaScript strings start with the first character in position 0 the last character is always one less than the string length.
Getting a Single Character String
The
charAt() method returns a single character string from a string object. It is passed the position in the string of the single character to return. The character returned is a copy of the character at that position within the string. The original string stored in this case in the welcomevariable is unaffected.result = welcome.charAt(0)
result is the character H
Getting a Portion (substring) of the String
Part of a string from one position to another can be returned using the
substring() method. The first value to be passed to substring is the starting position of the string to return - in this example the first character in position 0. The second value (after the comma) is the character AFTER the substring that is NOT to be returned. In this case the space character in position 5 will be the first character to not be returned. Again, as with all these methods, a new string is being returned that is a copy or modified version of the original. The original string object is unaffected by these methods.result = welcome.substring(0,5)
result is the string Hello
Searching for a String inside a String
It is often useful to be able to check for the location within a string of some smaller string. In this example the
indexOf()method of the string object is used to look for the word World inside the welcomestring. The position of the first character in World- the W - is returned if the string is found.result = welcome.indexOf("World")return is the number 6. If the string is not found
indexOfreturns -1.Another method of the string object
lastIndexOf()does the same thing but begins its search from the end of the string and finds the last occurence (if there is one) of the search value. In the following example lastIndexOf is used to find the last period in the string.fileName = "my.picture.jpeg"
result = fileName.lastIndexOf(".")In this case result is the number 10.
Changing Case
When user input is stored in a string it is often useful to convert it to all upper case or all lower case characters before checking what the user has entered. There are two methods that do this:
result = welcome.toUpperCase()
The toUpperCase function returns a copy of the string in the string object but with each letter capitalized.
Resultis HELLO WORLDresult = welcome.toLowerCase()
result is hello world
Here is a short script that writes out some of these values:
