I denna handledning lär du dig om JavaScript-strängar med hjälp av exempel.
JavaScript-sträng är en primitiv datatyp som används för att arbeta med texter. Till exempel,
const name = 'John';
Skapa JavaScript-strängar
I JavaScript skapas strängar genom att omge dem med citat. Det finns tre sätt att använda citat.
- Enkla citat:
'Hello'
- Dubbla citat:
"Hello"
- Backticks:
`Hello`
Till exempel,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
Enkla citat och dubbla citat är praktiskt taget desamma och du kan använda någon av dem.
Backticks används vanligtvis när du behöver inkludera variabler eller uttryck i en sträng. Detta görs genom att radera variabler eller uttryck med $(variable or expression)
som visas ovan.
Du kan också skriva en offert i en annan offert. Till exempel,
const name = 'My name is "Peter".';
Citatet bör dock inte matcha de omgivande offerten. Till exempel,
const name = 'My name is 'Peter'.'; // error
Få åtkomst till strängtecken
Du kan komma åt tecknen i en sträng på två sätt.
- Ett sätt är att behandla strängar som en matris. Till exempel,
const a = 'hello'; console.log(a(1)); // "e"
- Ett annat sätt är att använda metoden
charAt()
. Till exempel,
const a = 'hello'; console.log(a.charAt(1)); // "e"
JavaScript-strängar är oföränderliga
I JavaScript är strängar oföränderliga. Det betyder att tecknen i en sträng inte kan ändras. Till exempel,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
Du kan dock tilldela variabelnamnet till en ny sträng. Till exempel,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
JavaScript är skiftlägeskänsligt
JavaScript är skiftlägeskänsligt. Det betyder att i JavaScript behandlas gemener och versaler som olika värden. Till exempel,
const a = 'a'; const b = 'A' console.log(a === b); // false
I JavaScript a
och A
behandlas som olika värden.
JavaScript Multiline Strings
För att använda en sträng med flera linjer kan du antingen använda +
operatören eller operatören. Till exempel,
// using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'
JavaScript-stränglängd
För att hitta längden på en sträng kan du använda den inbyggda length
egenskapen. Till exempel,
const a = 'hello'; console.log(a.length); // 5
JavaScript-strängobjekt
Du kan också skapa strängar med hjälp av new
nyckelordet. Till exempel,
const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"
Obs! Det rekommenderas att du undviker att använda strängobjekt. Att använda strängobjekt saktar ner programmet.
JavaScript-strängmetoder
Här är de vanliga JavaScript-strängmetoderna:
Metod | Beskrivning |
---|---|
charAt (index) | returnerar tecknet vid det angivna indexet |
concat () | sammanfogar två eller flera strängar |
byta ut() | ersätter en sträng med en annan sträng |
dela() | konverterar strängen till en rad strängar |
substr (start, längd) | returnerar en del av en sträng |
substring (start, slut) | returnerar en del av en sträng |
skiva (start, slut) | returnerar en del av en sträng |
toLowerCase () | returns the passed string in lower case |
toUpperCase() | returns the passed string in upper case |
trim() | removes whitespace from the strings |
includes() | searches for a string and returns a boolean value |
search() | searches for a string and returns a position of a match |
Example: JavaScript String Methods
const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"
JavaScript String() Function
The String()
function is used to convert various data types to strings. For example,
const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"
If you want to learn more about the string conversion, visit JavaScript Type Conversion.
Escape Character
You can use the backslash escape character to include special characters in a string. For example,
const name = 'My name is \'Peter\'.'; console.log(name);
Output
My name is 'Peter'.
In the above program, the same quote is included using .
Here are other ways that you can use :
Code | Output |
---|---|
" | include double quote |
\ | inkluderar backslash |
n | ny linje |
r | vagnretur |
v | vertikal flik |
t | horisontell flik |
b | bakre utrymme |
f | forma matning |