The Javascript String Class
HTML Methods
String Object Methods
Regular Expressions
Methods
The Javascript String class consists of two groups of methods: some convert
strings into HTML equivalents, and some operate in a conventional "string-object"
kind of way.
I find it useful to separate out these two flavours of functionality; it makes it
easier to find what I'm looking for.
| HTML Converters |
| anchor(nnn) | <a name="nnn">string</a> |
| big() | <big>string<big> |
| blink() | <blink>string<blink> |
| bold() | <b>string<b> |
| fixed() | <tt>string<tt> |
| fontcolor(col) | <font color="col">string</font> |
| fontsize(s) | <font size="s">string</font> |
| italics() | <i>string<i> |
| link(url) | <a href="url">string</a> |
| small() | <small>string<small> |
| strike() | <strike>string<strike> |
| sub() | <sub>string<sub> |
| sup() | <sup>string<sup> |
|
| String Manipulation |
- charAt(int)
- returns the character at the specified position.
- charCodeAt(int)
- returns the Unicode of the character at the specified position.
- concat (str1, str2, ...strN)
- joins all the supplied strings together.
- fromCharCode(n1, n2, ... nX)
- converts the specified unicode values into a string
- indexOf(substr [,start])
- returns the position of the first occurrence of substr within the string, or
-1 if no such occurrence is found.
- lastIndexOf( substr [,start])
- as indexOf, but starts searching backwards from the end of the string or from position 'start'.
- match(regex)
- Returns the sub-string which matches the regex.
if regex contains round brackets to capture parts of the string,
match returns an array. index 0 contains the string that matched, or null
if nothing matched, index 1 contains the contents of the first round
brackets, index 2 contains the contents of the second round brackets, if
there were any, and so on.
- replace(regex, newSubStr)
- performs a replacement using regex and newSubStr. The modified value is returned (the original String is not changed)
- search(regex)
- Searches a string for a specified value
- slice(start, end)
- Extracts a part of a string and returns the extracted part in a new string
- split( [delimiter] )
- Splits a string into an array of strings, splitting on the delimiter
string. If there is no delimiter, the returned array has only one element.
- substr(start, length)
- Extracts a specified number of characters in a string, from a start index
- toLowerCase()
- returns a version of the string with all characters in lower case
- toUpperCase()
- returns a version of the string with all characters in upper case
- valueOf()
- returns the "string datatype" of the String object
|
Regular Expressions
Regular Expressions are used in three String Methods:
match(), replace() and search().
In all three methods, the regular expression is
supplied using / as the quotation character: see
the example below.
Below is a section of Javascript to demonstrate Regular Expressions.
For a match, sections can be saved using round brackets:
var str = "Hello World";
var m = str.match(/(Wor)(ld)/);
// m[0] will contain 'World'
// m[1] will contain 'Wor'
// m[2] will contain 'ld'
Slashes seem to be interchangable with double quotes.
Note that str.replace() does not change str. it
returns the modified value.
Note also that we can use Regular expressions in an almost-perl-like way. The
replace(/xyz/g, "abc") syntax is the same
as perl's
s/xyz/abc/g
var str = "I like computers";
var str = str.replace(/computers/g, "trains");
alert(str);
Click here to see the result. (opens a popup)
More information
String Object
http://www.w3schools.com/jsref/jsref_obj_string.asp
http://www.devguru.com/Technologies/ecmaScript/quickref/string.html
Regular Expressions
Webreference.com on Javascript Regular Expressions
PHP's Perl-Compatible Regular Expressions (PCRE) manual page
Perl RegEx manual page
