Essentials of Javascript - Cultural View
Essentials of Javascript - Cultural View Essentials of Javascript - Cultural View
JavaScript syntax 27 Regular Expression /expression/.test(string); "string".search(/expression/); "string".replace(/expression/,replacement); // Here are some examples if(/Tom/.test("My name is Tom")) alert("Hello Tom!"); alert("My name is Tom".search(/Tom/)); // == 11 (letters before Tom) alert("My name is Tom".replace(/Tom/,"John")); // == "My name is John" Character Classes: // \d - digit // \D - non digit // \s - space // \S - non space // \w - word char // \W - non word // [ ] - one of // [^ ] - one not of // - - range if(/\d/.test('0')) alert('Digit'); if(/[0-9]/.test('5')) alert('Digit'); if(/[13579]/.test('1')) alert('Odd number'); if(/\S\S\s\S\S\S\S/.test('My name')) alert('Format OK'); if(/\w\w\w/.test('Tom')) alert('Format OK'); if(/[a-z]/.test('b')) alert('Small letter'); if(/[A-Z]/.test('B')) alert('Big letter'); if(/[a-zA-Z]/.test('B')) alert('Letter'); Character matching: // A...Z a...z 0...9 - alphanumeric // \u0000...\uFFFF - Unicode hexadecimal // \x00...\xFF - ASCII hexadecimal // \t - tab // \n - new line // \r - CR // . - any character // | - OR if(/T.m/.test('Tom')) alert ('Hi Tom, Tam or Tim'); if(/A|B/.test("A")) alert ('A or B'); Repeaters:
JavaScript syntax 28 // ? - 0 or 1 match // * - 0 or more // + - 1 or more // {n} - exactly n // {n,} - n or more // {0,n} - n or less // {n,m} - range n to m if(/ab?c/.test("ac")) alert("OK"); // match: "ac", "abc" if(/ab*c/.test("ac")) alert("OK"); // match: "ac", "abc", "abbc", "abbbc" etc. if(/ab+c/.test("abc")) alert("OK"); // match: "abc", "abbc", "abbbc" etc. if(/ab{3}c/.test("abbbc")) alert("OK"); // match: "abbbc" if(/ab{3,}c/.test("abbbc")) alert("OK"); // match: "abbbc", "abbbbc", "abbbbbc" etc. if(/ab{1,3}c/.test("abc")) alert("OK"); // match: "abc","abbc", "abbbc" Anchors: // ^ - string starts with // $ - string ends with if(/^My/.test("My name is Tom")) alert ("Hi!"); if(/Tom$/.test("My name is Tom")) alert ("Hi Tom!"); Subexpression // ( ) - groups characters if(/water(mark)?/.test("watermark")) alert("Here is water!"); // match: "water", "watermark", if(/(Tom)|(John)/.test("John")) alert("Hi Tom or John!"); Flags: // /g - global // /i - ignore upper/lower case // /m - alert("hi tom!".replace(/Tom/i,"John")); // == "hi John!" alert("ratatam".replace(/ta/,"tu")); // == "ratutam" alert("ratatam".replace(/ta/g,"tu")); // == "ratutum" Advanced methods my_array=my_string.split(my_delimiter); // example my_array="dog,cat,cow".split(","); // my_array==("dog","cat","cow");
- Page 1 and 2: Essentials of Javascript Visit the
- Page 3 and 4: John Resig 122 Reverse Ajax 123 Ric
- Page 5 and 6: JavaScript 2 History Anyway I know
- Page 7 and 8: JavaScript 4 Prototype-based protot
- Page 9 and 10: JavaScript 6 LCMCalculator.prototyp
- Page 11 and 12: JavaScript 8 Example - use in web p
- Page 13 and 14: JavaScript 10 request that might ha
- Page 15 and 16: JavaScript 12 Application platform
- Page 17 and 18: JavaScript 14 See also • Client-s
- Page 19 and 20: JavaScript 16 [25] Robert Nyman, Ge
- Page 21 and 22: JavaScript syntax 18 JavaScript syn
- Page 23 and 24: JavaScript syntax 20 Primitive data
- Page 25 and 26: JavaScript syntax 22 String A Strin
- Page 27 and 28: JavaScript syntax 24 Native Objects
- Page 29: JavaScript syntax 26 } Math The Mat
- Page 33 and 34: JavaScript syntax 30 Operators The
- Page 35 and 36: JavaScript syntax 32 alert( Boolean
- Page 37 and 38: JavaScript syntax 34 Conditional op
- Page 39 and 40: JavaScript syntax 36 With The with
- Page 41 and 42: JavaScript syntax 38 Methods A meth
- Page 43 and 44: JavaScript syntax 40 Inheritance Ja
- Page 45 and 46: JavaScript syntax 42 See also • C
- Page 47 and 48: JavaScript Style Sheets 44 } fontSi
- Page 49 and 50: JavaScript engine 46 JavaScript eng
- Page 51 and 52: Ajax (programming) 48 Ajax (program
- Page 53 and 54: Ajax (programming) 50 • Ajax-powe
- Page 55 and 56: ?: 52 ?: In computer programming, ?
- Page 57 and 58: ?: 54 Furthermore, the ternary oper
- Page 59 and 60: ?: 56 ?: in style guidelines Some c
- Page 61 and 62: Appcelerator Titanium 58 See also
- Page 63 and 64: Bookmarklet 60 Bookmarklet A bookma
- Page 65 and 66: Bookmarklet 62 References [1] Domai
- Page 67 and 68: Client-side JavaScript 64 implement
- Page 69 and 70: Client-side JavaScript 66 Reference
- Page 71 and 72: dhtmlx [1] Comparison of JavaScript
- Page 73 and 74: ility / ion Comparison of JavaScrip
- Page 75 and 76: Comparison of JavaScript frameworks
- Page 77 and 78: Comparison of JavaScript frameworks
- Page 79 and 80: Comparison of JavaScript-based sour
JavaScript syntax 28<br />
// ? - 0 or 1 match<br />
// * - 0 or more<br />
// + - 1 or more<br />
// {n} - exactly n<br />
// {n,} - n or more<br />
// {0,n} - n or less<br />
// {n,m} - range n to m<br />
if(/ab?c/.test("ac")) alert("OK"); // match: "ac", "abc"<br />
if(/ab*c/.test("ac")) alert("OK"); // match: "ac", "abc",<br />
"abbc", "abbbc" etc.<br />
if(/ab+c/.test("abc")) alert("OK"); // match: "abc", "abbc",<br />
"abbbc" etc.<br />
if(/ab{3}c/.test("abbbc")) alert("OK"); // match: "abbbc"<br />
if(/ab{3,}c/.test("abbbc")) alert("OK"); // match: "abbbc", "abbbbc",<br />
"abbbbbc" etc.<br />
if(/ab{1,3}c/.test("abc")) alert("OK"); // match: "abc","abbc",<br />
"abbbc"<br />
Anchors:<br />
// ^ - string starts with<br />
// $ - string ends with<br />
if(/^My/.test("My name is Tom")) alert ("Hi!");<br />
if(/Tom$/.test("My name is Tom")) alert ("Hi Tom!");<br />
Subexpression<br />
// ( ) - groups characters<br />
if(/water(mark)?/.test("watermark")) alert("Here is water!"); //<br />
match: "water", "watermark",<br />
if(/(Tom)|(John)/.test("John")) alert("Hi Tom or John!");<br />
Flags:<br />
// /g - global<br />
// /i - ignore upper/lower case<br />
// /m -<br />
alert("hi tom!".replace(/Tom/i,"John")); // == "hi John!"<br />
alert("ratatam".replace(/ta/,"tu")); // == "ratutam"<br />
alert("ratatam".replace(/ta/g,"tu")); // == "ratutum"<br />
Advanced methods<br />
my_array=my_string.split(my_delimiter);<br />
// example<br />
my_array="dog,cat,cow".split(","); //<br />
my_array==("dog","cat","cow");