目录
模版字符串
基本用法
多行字符串
插入表达式
字符串的内置方法
基本方法
替换和分割
空格相关
字符串的拼接
模版字符串
基本用法
模版字符串允许在字符串中直接插入表达式,这些表达式会替换成对应的结果
${变量名}会替换为变量值,例如:
// 基本用法
let name = 'Alice';
let greeting = `Hello, ${name}!`; // 插入变量
console.log(greeting); // 输出: Hello, Alice!
多行字符串
模版字符串可以包含多行,不需要使用转义字符/n
let message = `This is a
multiline string
example.`;
console.log(message);
// 输出:
// This is a
// multiline string
// example.
插入表达式
可以在模版字符串中插入任何有效的JavaScript表达式,包括函数调用、算数运算等
let a = 10;
let b = 20;
let sum = `The sum of ${a} and ${b} is ${a + b}.`;
console.log(sum); // 输出: The sum of 10 and 20 is 30.
字符串的内置方法
基本方法
length
:返回字符串的长度
let str = "Hello, world!";
console.log(str.length); // 输出: 13
toUpperCase()
:将字符串转换为大写
let str = "hello";
console.log(str.toUpperCase()); // 输出: "HELLO"
toLowerCase()
:将字符串转换为小写
let str = "HELLO";
console.log(str.toLowerCase()); // 输出: "hello"
charAt(index)
:返回指定位置的字符
let str = "Hello";
console.log(str.charAt(1)); // 输出: "e"
charCodeAt(index)
:返回指定位置字符的 Unicode 编码
let str = "Hello";
console.log(str.charCodeAt(1)); // 输出: 101 (Unicode编码)
indexOf(searchValue)
:返回 searchValue
在字符串中第一次出现的位置,如果没有找到,返回 -1
let str = "Hello, world!";
console.log(str.indexOf('o')); // 输出: 4
console.log(str.indexOf('z')); // 输出: -1
lastIndexOf(searchValue)
:返回 searchValue
在字符串中最后一次出现的位置
let str = "Hello, world!";
console.log(str.lastIndexOf('o')); // 输出: 8
includes(searchValue)
:检查字符串中是否包含指定的子字符串,返回布尔值
let str = "Hello, world!";
console.log(str.includes('world')); // 输出: true
console.log(str.includes('JavaScript')); // 输出: false
slice(startIndex, endIndex)
:从字符串中提取出一个子字符串,startIndex
是开始位置,endIndex
是结束位置(不包含该位置)
let str = "Hello, world!";
console.log(str.slice(0, 5)); // 输出: "Hello"
console.log(str.slice(7)); // 输出: "world!"
替换和分割
replace(searchValue, newValue)
:替换字符串中的指定部分
let str = "Hello, world!";
let newStr = str.replace("world", "JavaScript");
console.log(newStr); // 输出: "Hello, JavaScript!"
replaceAll(searchValue, newValue)
:替换所有匹配的部分
let str = "Hello, world! world!";
let newStr = str.replaceAll("world", "JavaScript");
console.log(newStr); // 输出: "Hello, JavaScript! JavaScript!"
split(separator)
:将字符串按照分隔符拆分为数组
let str = "apple,banana,orange";
let fruits = str.split(',');
console.log(fruits); // 输出: [ 'apple', 'banana', 'orange' ]
空格相关
trim()
:去除字符串两端的空白字符
let str = " Hello, world! ";
console.log(str.trim()); // 输出: "Hello, world!"
trimStart()
/ trimLeft()
:去除字符串开头的空白字符
let str = " Hello!";
console.log(str.trimStart()); // 输出: "Hello!"
trimEnd()
/ trimRight()
:去除字符串结尾的空白字符
let str = "Hello! ";
console.log(str.trimEnd()); // 输出: "Hello!"
字符串的拼接
concat(str1, str2, ...)
:连接两个或多个字符串
let str1 = "Hello";
let str2 = "world!";
let result = str1.concat(" ", str2);
console.log(result); // 输出: "Hello world!"
repeat(count)
:返回一个新字符串,表示将原字符串重复 count
次
let str = "Hi!";
console.log(str.repeat(3)); // 输出: "Hi!Hi!Hi!"