Javascript multiline regexp workarounds

Benchmark created by KrisWebDev on April 20, 2013

Setup

var pattern = '<h2>What is jsPerf?</h2>\
  <p>jsPerf aims to provide an easy way to create and share <a href="/browse" title="View some examples by browsing the jsPerf test cases">test cases</a>, comparing the performance of different JavaScript snippets by running benchmarks. For more information, see <a href="/faq" title="Frequently asked questions">the FAQ</a>.</p>\
  <h2>Create a test case</h2>\
  <form action="/" method="post">\
  	<fieldset>\
  		<h3>Your details (optional)</h3>\
  		<div><label for="author">Name </label><input type="text" name="author" id="author"></div>\
  		<div><label for="author-email">Email </label><label class="inline"><input type="email" name="author-email" id="author-email"> (won’t be displayed; might be used for Gravatar)</label></div>\
  		<div><label for="author-url">URL </label><input type="url" name="author-url" id="author-url"></div>\
  	</fieldset>\
  	<fieldset>\
  		<h3>Test case details</h3>\
  		<div><label for="title">Title <em title="This field is required">*</em> </label><input type="text" name="title" id="title" required></div>\
  		<div>\
  			<label for="slug">Slug <em title="This field is required">*</em> </label><input type="text" name="slug" id="slug" pattern="[a-z0-9](?:-?[a-z0-9])*" required>			<p class="preview">Test case URL will be <samp>http://jsperf.com/<mark>slug</mark></samp></p>\
  		</div>\
  		<div><label for="visible">Published </label><label class="inline"><input type="checkbox" value="y" name="visible" id="visible" checked> (uncheck if you want to fiddle around before making the page public)</label></div>\
  		<div><label for="info">Description <span>(in case you feel further explanation is needed)</span><span>(Markdown syntax is allowed)</span> </label><textarea name="info" id="info"></textarea></div>\
  		<div class="question"><label for="question">Are you a spammer? <span>(just answer the question)</span> </label><input type="text" name="question" id="question"></div>\
  		<fieldset>\
  			<p>Can\
  			You\
  			Find\
  			Me\
  			<br>\
  			With\
  			Me\
  			</p>\
  			<p>But\
  			Not\
  			Me\
  			</p>\
  			<p>\
  			BEWARE! Regexp on HTML is Evil but sometimes it is the only way when you cannot parse DOM.\
  			</p>\
  			<h3>Preparation code</h3>\
  			<div>\
  				<label for="prep-html">Preparation code HTML <span>(this will be inserted in the <code>&lt;body></code> of a valid HTML5 document in standards mode)</span> <span>(useful when testing DOM operations or including libraries)</span> </label><textarea name="prep-html" id="prep-html"></textarea>				<p id="add-libraries">Include JavaScript libraries as follows: <code>&lt;script src="//cdn.ext/library.js">&lt;/script></code></p>\
  			</div>\
  			<div><label for="setup">Define <code>setup</code> for all tests <span>(variables, functions, arrays or other objects that will be used in the tests)</span> <span>(runs before each clocked test loop, outside of the timed code region)</span> <span>(e.g. define local test variables, reset global variables, clear <code>canvas</code>, etc.)</span> <span>(<a href="/faq#setup-teardown">see FAQ</a>)</span> </label><textarea name="setup" id="setup"></textarea></div>\
  			<div><label for="teardown">Define <code>teardown</code> for all tests <span>(runs after each clocked test loop, outside of the timed code region)</span> <span>(<a href="/faq#setup-teardown">see FAQ</a>)</span> </label><textarea name="teardown" id="teardown"></textarea></div>\
  		</fieldset>\
  		<fieldset id="tests">\
  			<h3>Code snippets to compare</h3>\
  			<fieldset>\
  				<h4>Code snippet 1</h4>\
  				<div><label for="test[1][title]">Title <em title="This field is required">*</em> </label><input type="text" name="test[1][title]" id="test[1][title]" required></div>\
  				<div><label for="test[1][defer]">Async</label><label class="inline"><input type="checkbox" value="y" name="test[1][defer]" id="test[1][defer]"> (check if this is an <a href="/faq#async">asynchronous test</a>)</label></div>\
  				<div><label for="test[1][code]">Code <em title="This field is required">*</em> <span>(No need for loops in the test code; we’ll take care of that for you)</span></label><textarea name="test[1][code]" id="test[1][code]" class="code-js" required></textarea></div>\
  			</fieldset>\
  			<fieldset>\
  				<h4>Code snippet 2</h4>\
  				<div><label for="test[2][title]">Title <em title="This field is required">*</em> </label><input type="text" name="test[2][title]" id="test[2][title]" required></div>\
  				<div><label for="test[2][defer]">Async </label><label class="inline"><input type="checkbox" value="y" name="test[2][defer]" id="test[2][defer]"> (check if this is an <a href="/faq#async">asynchronous test</a>)</label></div>\
  				<div><label for="test[2][code]">Code <em title="This field is required">*</em> </label><textarea name="test[2][code]" id="test[2][code]" class="code-js" required></textarea></div>\
  			</fieldset>\
  		</fieldset>\
  		<div class="buttons"><input type="submit" class="submit" value="Save test case" title="Save and view test case"></div>\
  	</fieldset>\
  </form>';

Test runner

var regexp = /<p>Can[^]*?<\/p>/;
var test = pattern.match(regexp);

var regexp = /<p>Can[\s\S]*?<\/p>/;
var test = pattern.match(regexp);

var regexp = /<p>Can(.|\r|\n)*?<\/p>/;
var test = pattern.match(regexp);

var regexp = /<p>Can(.|[\r|\n])*?<\/p>/;
var test = pattern.match(regexp);

var regexp = /<p>Can[^]*<\/p>/;
var test = pattern.match(regexp);

var regexp = /<p>Can([\s\S)]*?)<\/p>/;
var test = pattern.match(regexp);

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by KrisWebDev on April 20, 2013
• Revision 3: published on May 7, 2014
• Revision 4: published by Dru Nelson on September 16, 2014
• Revision 5: published by oeuhsonaeuth\snh on September 27, 2015
• Revision 6: published by Eddie Kohler on October 2, 2015