freeCodeCamp/curriculum/challenges/english/02-javascript-algorithms-an.../basic-javascript/escape-sequences-in-strings...

3.3 KiB

id title challengeType videoUrl forumTopicId
56533eb9ac21ba0edf2244b6 Escape Sequences in Strings 1 https://scrimba.com/c/cvmqRh6 17567

Description

Quotes are not the only characters that can be escaped inside a string. There are two reasons to use escaping characters:
  1. To allow you to use characters you may not otherwise be able to type out, such as a carriage returns.
  2. To allow you to represent multiple quotes in a string without JavaScript misinterpreting what you mean.
We learned this in the previous challenge.
CodeOutput
\'single quote
\"double quote
\\backslash
\nnewline
\rcarriage return
\ttab
\bword boundary
\fform feed
Note that the backslash itself must be escaped in order to display as a backslash.

Instructions

Assign the following three lines of text into the single variable myStr using escape sequences.
FirstLine
    \SecondLine
ThirdLine
You will need to use escape sequences to insert special characters correctly. You will also need to follow the spacing as it looks above, with no spaces between escape sequences or words. Here is the text with the escape sequences written out. FirstLinenewlinetabbackslashSecondLinenewlineThirdLine

Tests

tests:
  - text: <code>myStr</code> should not contain any spaces
    testString: assert(!/ /.test(myStr));
  - text: <code>myStr</code> should contain the strings <code>FirstLine</code>, <code>SecondLine</code> and <code>ThirdLine</code> (remember case sensitivity)
    testString: assert(/FirstLine/.test(myStr) && /SecondLine/.test(myStr) && /ThirdLine/.test(myStr));
  - text: <code>FirstLine</code> should be followed by the newline character <code>\n</code>
    testString: assert(/FirstLine\n/.test(myStr));
  - text: <code>myStr</code> should contain a tab character <code>\t</code> which follows a newline character
    testString: assert(/\n\t/.test(myStr));
  - text: <code>SecondLine</code> should be preceded by the backslash character <code>\</code>
    testString: assert(/\\SecondLine/.test(myStr));
  - text: There should be a newline character between <code>SecondLine</code> and <code>ThirdLine</code>
    testString: assert(/SecondLine\nThirdLine/.test(myStr));
  - text: <code>myStr</code> should only contain characters shown in the instructions
    testString: assert(myStr === 'FirstLine\n\t\\SecondLine\nThirdLine');    

Challenge Seed

var myStr; // Change this line


After Test

(function(){
if (myStr !== undefined){
console.log('myStr:\n' + myStr);}})();

Solution

var myStr = "FirstLine\n\t\\SecondLine\nThirdLine";