Mastering JavaScript

Recommendations

Info

Data Structures and Manipulation Most of the time that you spend in programming, you do something to manipulate data. You process properties of data, derive conclusions based on the data, and change the nature of the data. In this chapter, we will take an exhaustive look at various data structures and data manipulation techniques in JavaScript. With the correct usage of these expressive constructs, your programs will be correct, concise, easy to read, and most probably faster. This will be explained with the help of the following topics: • Regular expressions • Exact match • Match from a class of characters • Repeated occurrences • Beginning and end • Backreferences • Greedy and lazy quantifiers • Arrays • Maps • Sets • A matter of style [ 75 ] www.it-ebooks.info
Data Structures and Manipulation Regular expressions If you are not familiar with regular expressions, I request you to spend time learning them. Learning and using regular expressions effectively is one of the most rewarding skills that you will gain. During most of the code review sessions, the first thing that I comment on is how a piece of code can be converted to a single line of regular expression (or RegEx). If you study popular JavaScript libraries, you will be surprised to see how ubiquitous RegEx are. Most seasoned engineers rely on RegEx primarily because once you know how to use them, they are concise and easy to test. However, learning RegEx will take a significant amount of effort and time. A regular expression is a way to express a pattern to match strings of text. The expression itself consists of terms and operators that allow us to define these patterns. We'll see what these terms and operators consist of shortly. In JavaScript, there are two ways to create a regular expression: via a regular expression literal and constructing an instance of a RegExp object. For example, if we wanted to create a RegEx that matches the string test exactly, we could use the following RegEx literal: var pattern = /test/; RegEx literals are delimited using forward slashes. Alternatively, we could construct a RegExp instance, passing the RegEx as a string: var pattern = new RegExp("test"); Both of these formats result in the same RegEx being created in the variable pattern. In addition to the expression itself, there are three flags that can be associated with a RegEx: • i: This makes the RegEx case-insensitive, so /test/i matches not only test, but also Test, TEST, tEsT, and so on. • g: This matches all the instances of the pattern as opposed to the default of local, which matches the first occurrence only. More on this later. • m: This allows matches across multiple lines that might be obtained from the value of a textarea element. These flags are appended to the end of the literal (for example, /test/ig) or passed in a string as the second parameter to the RegExp constructor (new RegExp("test", "ig")). [ 76 ] www.it-ebooks.info
Page 1 and 2:
[ 1 ] www.it-ebooks.info
Page 3 and 4:
Mastering JavaScript Copyright © 2
Page 5 and 6:
About the Author Ved Antani is an A
Page 7 and 8:
www.PacktPub.com Support files, eBo
Page 9 and 10:
Table of Contents The eval() method
Page 11 and 12:
Table of Contents Runtime exception
Page 13 and 14:
www.it-ebooks.info
Page 15 and 16:
Preface What this book covers Chapt
Page 17 and 18:
Preface When we wish to draw your a
Page 19 and 20:
Piracy Piracy of copyrighted materi
Page 21 and 22:
JavaScript Primer While JavaScript
Page 23 and 24:
JavaScript Primer You can save this
Page 25 and 26:
JavaScript Primer Hello World No pr
Page 27 and 28:
JavaScript Primer JavaScript suppor
Page 29 and 30:
JavaScript Primer The second line i
Page 31 and 32:
JavaScript Primer One important thi
Page 33 and 34:
JavaScript Primer • Use the Boole
Page 35 and 36:
JavaScript Primer Here are some exa
Page 37 and 38:
JavaScript Primer This is fine beca
Page 39 and 40:
JavaScript Primer • Logical NOT:
Page 41 and 42:
JavaScript Primer One way is to put
Page 43 and 44: JavaScript Primer In this example,
Page 45 and 46: JavaScript Primer Strict equality i
Page 47 and 48: JavaScript Primer However, there ar
Page 49 and 50: JavaScript Primer What about arrays
Page 51 and 52: JavaScript Primer JavaScript style
Page 53 and 54: JavaScript Primer //Set off operato
Page 55 and 56: JavaScript Primer The following exa
Page 57 and 58: JavaScript Primer Naming Naming is
Page 59 and 60: JavaScript Primer You switch on the
Page 61 and 62: JavaScript Primer Once JSHint is in
Page 63 and 64: www.it-ebooks.info
Page 65 and 66: Functions, Closures, and Modules As
Page 67 and 68: Functions, Closures, and Modules On
Page 69 and 70: Functions, Closures, and Modules va
Page 71 and 72: Functions, Closures, and Modules Lo
Page 73 and 74: Functions, Closures, and Modules In
Page 77 and 78: Functions, Closures, and Modules Th
Page 79 and 80: Functions, Closures, and Modules re
Page 81 and 82: Functions, Closures, and Modules co
Page 83 and 84: Functions, Closures, and Modules An
Page 85 and 86: Functions, Closures, and Modules La
Page 87 and 88: Functions, Closures, and Modules Sh
Page 91 and 92: Functions, Closures, and Modules re
Page 93: www.it-ebooks.info
Page 97 and 98: Data Structures and Manipulation On
Page 99 and 100: Data Structures and Manipulation We
Page 101 and 102: Data Structures and Manipulation In
Page 103 and 104: Data Structures and Manipulation Th
Page 105 and 106: Data Structures and Manipulation Re
Page 107 and 108: Data Structures and Manipulation Ja
Page 111 and 112: Data Structures and Manipulation By
Page 115 and 116: Data Structures and Manipulation We
Page 117 and 118: www.it-ebooks.info
Page 119 and 120: Object-Oriented JavaScript When you
Page 121 and 122: Object-Oriented JavaScript } "first
Page 123 and 124: Object-Oriented JavaScript //Add a
Page 125 and 126: Object-Oriented JavaScript • When
Page 127 and 128: Object-Oriented JavaScript } // Pri
Page 129 and 130: Object-Oriented JavaScript Inherita
Page 131 and 132: Object-Oriented JavaScript function
Page 133 and 134: Object-Oriented JavaScript To have
Page 135 and 136: Object-Oriented JavaScript It does
Page 137 and 138: Object-Oriented JavaScript The foll
Page 139 and 140: Object-Oriented JavaScript aScienti
Page 141 and 142: JavaScript Patterns Design patterns
Page 143 and 144: JavaScript Patterns We are creating
Page 145 and 146:
JavaScript Patterns Unlike other OO
Page 147 and 148:
JavaScript Patterns You can see tha
Page 149 and 150:
JavaScript Patterns You can add a m
Page 151 and 152:
JavaScript Patterns Let's take a co
Page 153 and 154:
JavaScript Patterns }; // This copi
Page 155 and 156:
JavaScript Patterns //Push the deco
Page 157 and 158:
JavaScript Patterns Subject.prototy
Page 159 and 160:
JavaScript Patterns Models Models a
Page 161 and 162:
JavaScript Patterns MVP is generall
Page 163 and 164:
www.it-ebooks.info
Page 165 and 166:
Testing and Debugging You will refr
Page 167 and 168:
Testing and Debugging We will use J
Page 169 and 170:
Testing and Debugging This is the J
Page 171 and 172:
Testing and Debugging • toContain
Page 173 and 174:
Testing and Debugging JavaScript de
Page 175 and 176:
Testing and Debugging In this examp
Page 177 and 178:
Testing and Debugging The most impo
Page 179 and 180:
Testing and Debugging In the Source
Page 181 and 182:
Testing and Debugging Summary Both
Page 183 and 184:
ECMAScript 6 Shims or polyfills Pol
Page 185 and 186:
ECMAScript 6 Using standalone brack
Page 187 and 188:
ECMAScript 6 This would still print
Page 189 and 190:
ECMAScript 6 Object literals Object
Page 191 and 192:
ECMAScript 6 The final variation of
Page 193 and 194:
ECMAScript 6 A variation of JavaScr
Page 195 and 196:
ECMAScript 6 For..of loops ES6 adds
Page 197 and 198:
ECMAScript 6 // with no arguments,
Page 199 and 200:
www.it-ebooks.info
Page 201 and 202:
DOM Manipulation and Events Accessi
Page 203 and 204:
DOM Manipulation and Events The HTM
Page 205 and 206:
DOM Manipulation and Events The adv
Page 207 and 208:
DOM Manipulation and Events jQuery
Page 209 and 210:
DOM Manipulation and Events We are
Page 211 and 212:
DOM Manipulation and Events Before
Page 213 and 214:
DOM Manipulation and Events In this
Page 215 and 216:
DOM Manipulation and Events • err
Page 217 and 218:
DOM Manipulation and Events You can
Page 219 and 220:
DOM Manipulation and Events Here, w
Page 221 and 222:
Server-Side JavaScript An asynchron
Page 223 and 224:
Server-Side JavaScript Consider the
Page 225 and 226:
Server-Side JavaScript If you want
Page 227 and 228:
Server-Side JavaScript When you exe
Page 229 and 230:
Server-Side JavaScript This fragmen
Page 231 and 232:
Server-Side JavaScript var _server
Page 233 and 234:
Server-Side JavaScript The geo modu
Page 235 and 236:
Server-Side JavaScript Installing p
Page 237 and 238:
Server-Side JavaScript There is a c
Page 239 and 240:
Server-Side JavaScript The recorded
Page 241 and 242:
Server-Side JavaScript Summary In t
Page 243 and 244:
closures 66-70 command line interfa
Page 245 and 246:
match from class of characters 77,
Page 247 and 248:
W waterfall graph 220 weak equality
Page 249 and 250:
HTML5 Boilerplate Web Development I
show all

Mastering JavaScript

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?