String Example – Data Type – JavaScript Syntax – JS String Example
String Example – Data Type – JavaScript Syntax – JS String Example
Purpose: – Illustrates the JavaScript syntax for the String Object .
JavaScript String Examples
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Prerequistes:
- Install Visual Web Developer 2008
Syntax: var myStr = new String(“text”); or var myString = “text”; – Demonstrates how to use properties and methods of String object.
Restrictions: None
Notes:
- You can build your own library of syntax examples by using same web site over and over and just add new files to it.
Instructions:
- Use Visual Web Developer 2008
- Create new web site;
- Click File/New Web Site
- Select ASP.NET Website Template
- Select C-Sharp for Language
- name of Web Site could be JavaScript_Syntax.
- Add New folder named “DataType”
- Right-click project name in solution explorer;
- add new folder;
- name of folder should be: DataType
- Add HTML Page Named String to DataType folder
- Right-click DataType folder;
- add new item;
- Select HTML Page
- HTML Page name should be String
- Click on copy code in code below to copy code into HTML Page String.htm
- Right-click on HTML page String and select view in browser
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>String</title> <script type="text/javascript" > //***************************************************** // String Object //***************************************************** // NOTE: String Objects are used to store and manipulate // text //***************************************************** // GENERAL SYNTAX: // var myStr = new String("text"); // Or Simply: // var myString = "text"; //***************************************************** // *** String Object Properties *** //***************************************************** document.write("***String Object Properties***"); document.write("<br />"); // Property Description // constructor Returns the function that created the String object's prototype var myStr = "This is a string"; document.write("myStr.constructor: " + myStr.constructor); // output: function String() { [native code] } document.write("<br />"); // length Returns the length of the string document.write("myStr.length: " + myStr.length); // output: 16 document.write("<br />"); // prototype Allows you to add properties and methods to an object // prototype is available for most objects // Syntax: object.prototype.name=value function car(make, model, year) { this.make = make; this.model = model; this.year = year; } var myCar = new car("Toyota", "Corolla", 2002); car.prototype.cost = null; myCar.cost = 20000; document.write("myCar.cost: " + myCar.cost); document.write("<br />"); //***************************************************** // *** String HTML Wrapper Methods *** // HTML wrapper methods return the string enclosed in the appropriate // HTML tags //***************************************************** document.write("***String HTML Wrapper Methods***"); document.write("<br />"); // Method Description // anchor() Creates an anchor // Syntax: string.anchor(name) - name is required - it is the name of the anchor var strName = "Hyperlink"; // this will be text of hyperlink alert(strName.anchor("Hyper")); // this will be anchor // string.big() Wraps string in <big> tags var strBig = "Big" document.write("strBig.big(): " + strBig.big() + "<br />"); // string.blink() Wraps string in <blink> tags var strBlink = "blink - only works in Firefox & Opera" document.write("strBlink.blink(): " + strBlink.blink() + "<br />"); // only works // in Firefox & Opera // string.bold() Wraps string in <bold> tags var strBold = "bold" document.write("strBold.bold(): " + strBold.bold() + "<br />"); // string.fixed() Wraps string in <fixed> tags so that string // displays in fixed pitch font var strFixed = "fixed" document.write("strFixed.fixed(): " + strFixed.fixed() + "<br />"); // string.fontcolor("color") Wraps string in <fontcolor> tags // The value can be a color name (e.g. green), // an RGB value (e.g. rgb(0,255,0)), // or a hex number (e.g. #00FF00) var strfontcolor = "fontcolor" document.write("strfontcolor.fontcolor(green): " + strfontcolor.fontcolor("green") + "<br />"); // string.fontsize(size) Wraps string in <fontsize> tags so that string // displays in fontsize - size is required and can be from 1-7 var strfontsize = "fontsize" document.write("strfontsize.fontsize(7): " + strfontsize.fontsize(7) + "<br />"); // string.italics() Wraps string in <italics> tags var stritalics = "italics" document.write("stritalics.italics(): " + stritalics.italics() + "<br />"); // link() Creates an link // Syntax: string.link(url) - url is required - it is the url of the link // The method returns a string wrapped in <a> tags: </a><a href="link">string</a> var strLink = "Ideal Programmer"; // this will be text of hyperlink alert(strLink.link("http://idealprogrammer.com")); // this will be link // string.small() Wraps string in <small> tags - displays string in small font var strSmall = "Small" document.write("strSmall.small(): " + strSmall.small() + "<br />"); // string.strike() Wraps string in <strike> tags - displays string in strkethrough font var strStrike = "Strike" document.write("strStrike.strike(): " + strStrike.strike() + "<br />"); // string.sub() Wraps string in <sub> tags - displays string in subscript font var strSub = "Subscript" document.write("strSub.sub(): " + strSub.sub() + "<br />"); // string.sup() Wraps string in <sup> tags - displays string in superscript font var strSuperscript = "Superscript" document.write("strSuperscript.sup(): " + strSuperscript.sup() + "<br />"); //***************************************************** // *** String Object Methods *** //***************************************************** // Method Description // charAt(index) Returns the character at the specified index - index is required // 0 is the first character and the last character in a string is string.length-1 var strCharAt = "This is a string."; document.write("strCharAt(0): " + strCharAt.charAt(0) + "<br />"); document.write("strCharAt.charAt(strCharAt.length - 1): " + strCharAt.charAt(strCharAt.length - 1)); // charCodeAt(index) Returns the Unicode of the character at the specified index var strcharCodeAt = "This is a string."; document.write("strcharCodeAt(0): " + strcharCodeAt.charCodeAt(0) + "<br />"); document.write("strcharCodeAt.charCodeAt(strcharCodeAt.length - 1): " + strcharCodeAt.charCodeAt(strcharCodeAt.length - 1) + "<br />"); // concat() Joins two or more strings, and returns a copy of the joined strings // SYNTAX: string.concat(string2, string3, ..., stringX) var strA = "Aeschylus "; var strB = "was a Greek playwright.<br />"; document.write(strA.concat(strB)); // fromCharCode() Converts Unicode values to characters // SYNTAX: String.fromCharCode(n1, n2, ..., nX) - This is a static method // The syntax is String.fromCharCode() and not str.fromCharCode document.write(String.fromCharCode(73, 68, 77, 75, 77)); // indexOf() Returns the position of the first found occurrence of a specified value in a string // SYNTAX: string.indexOf(searchstring, start) - start is optional var strIndexOf = "Einstein was a philosophical realist"; document.write("strIndexOf.indexOf(ein): " + strIndexOf.indexOf("ein") + "<br />"); document.write("strIndexOf.indexOf(philo): " + strIndexOf.indexOf("philo") + "<br />"); document.write("strIndexOf.indexOf(real): " + strIndexOf.indexOf("real") + "<br />"); // lastIndexOf() Returns the position of the last found occurrence of a specified value in a string // SYNTAX: string.lastIndexOf(searchstring, start) - start is optional var strlastIndexOf = "Einstein was a philosophical realist"; document.write("strlastIndexOf.lastIndexOf(ein): " + strlastIndexOf.lastIndexOf("ein") + "<br />"); document.write("strlastIndexOf.lastIndexOf(philo): " + strlastIndexOf.lastIndexOf("philo") + "<br />"); document.write("strlastIndexOf.lastIndexOf(l): " + strlastIndexOf.lastIndexOf("l") + "<br />"); // match() Searches for a match between a regular expression and a string, and returns the matches var strMatch = "Einstein defined Morality as giving much and taking very little"; var pattern = /ein/gi; document.write("strMatch.match(pattern): " + strMatch.match(pattern) + "<br />"); // replace() Searches for a match between a substring (or regular expression) and a string, and replaces the matched substring with a new substring // SYNTAX: string.Replace("regexp or oldstring", "newstring") var strReplace = "Ptolemy thought the earth was flat"; document.write("strReplace.replace(Ptolemy, The Ancients)" + strReplace.replace("Ptolemy", "The Ancients") + "<br />"); // search() Searches for a match between a regular expression and a string, and returns the position of the match // SYNTAX: string.search("regexp or string") var strSearch = "Copernicus said the sun is in the center."; document.write("strSearch.search(sun): " + strSearch.search("sun") + "<br />"); // slice() Extracts a part of a string and returns a new string // SYNTAX: string.slice(beginIndex,endIndex) - endIndex is optional var strSlice = "Copernicus said the sun is in the center."; document.write("strSlice.slice(0): " + strSlice.slice(0) + "<br />"); var strSliceA = "Copernicus said the sun is in the center."; document.write("strSliceA.slice(7,20): " + strSliceA.slice(7,20) + "<br />"); // split() Splits a string into an array of substrings // SYNTAX: string.split(separator,limit) // separator is the character(s) that define where split occurs // limit is optional and defines max number of strings to return var strSplit = "Copernicus said the sun is in the center."; document.write("strSplit.split( ): " + strSplit.split(" ") + "<br />"); var strSplitA = "Copernicus said the sun is in the center."; document.write("strSplitA.split( ,3): " + strSplitA.split(" ",3) + "<br />"); // substr() Extracts the characters from a string, beginning at a specified start position, and through the specified number of character // SYNTAX: string.substr(startIndex,EndIndex) - EndIndex is optional var strSubstr = "Newton believed in action at a distance."; document.write("strSubstr.substr(0,15): " + strSubstr.substr(0, 15) + "<br />"); // substring() Extracts the characters from a string, between two specified indices // SYNTAX: string.substr(fromIndex,ToIndex) - toIndex is optional and is not included // in the returned string var strSubstring = "Newton believed in action at a distance."; document.write("strSubstring.substring(0,15): " + strSubstring.substring(0, 15) + "<br />"); // toLowerCase() Converts a string to lowercase letters var strToLowerCase = "Einstein believed space and time are not rigid and linear."; document.write("strToLowerCase.toLowerCase(): " + strToLowerCase.toLowerCase() + "<br />"); // toUpperCase() Converts a string to Uppercase letters var strToUpperCase = "Einstein believed space and time are not rigid and linear."; document.write("strToUpperCase.toUpperCase(): " + strToLowerCase.toUpperCase() + "<br />"); // valueOf() Returns the primitive value of a String object var strValueOf = "Einstein believed space and time are not rigid and linear."; document.write("strValueOf.valueOf(): " + strValueOf.valueOf() + "<br />"); </sup></sub></strike></small></italics></fontsize></fontcolor></fixed></bold></blink></big></script> </head> <body> </body> </html> |