文章目录
1、trim()
trim():去除字符串两端的空格(空格、制表符、换行符等),并返回新的字符串。
const str = " Hello, World! ";
console.log(str.trim()); // 输出:Hello, World!
需要注意的是,trim() 方法只会去除字符串两端的空白字符,并不会影响字符串内部的空白字符。
const str = " Hello, World! ";
console.log(str.trim()); // 输出:"Hello, World!"
2、toUpperCase()
toUpperCase():将字符串转换为大写。
const str = "Hello, World!";
console.log(str.toUpperCase()); // 输出:HELLO, WORLD!
3、toLowerCase()
toLowerCase():将字符串转换为小写。
const str = "Hello, World!";
console.log(str.toLowerCase()); // 输出:hello, world!
4、concat()
concat():将多个字符串连接起来,返回一个新的字符串。concat()方法不会修改原始的字符串,而是返回一个新的字符串作为结果。
const str1 = "Hello";
const str2 = "World";
const concatenatedStr = str1.concat(" ", str2);
console.log(concatenatedStr); // 输出: "Hello World"
5、replace()
replace():替换字符串中的部分内容,并返回新的字符串。可以接受两个参数,第一个参数为要替换的内容,第二个参数为替换后的内容。
const str = "Hello, World!";
console.log(str.replace("World", "JavaScript")); // 输出:Hello, JavaScript!
使用正则表达式作为第一个参数
const str = "Hello, World!";
const newStr = str.replace(/o/g, "a");
console.log(newStr); // 输出: "Hella, Warld!"
6、slice()
slice():用于提取字符串中指定部分的方法。它可以从字符串中抽取子字符串,并返回一个新的字符串,而不会修改原始字符串。
const str = "Hello, World!";
console.log(str.slice(7, 12)); // 输出:World
如果省略第二个参数,则slice()方法会提取从起始索引到字符串末尾的所有字符:
const str = "Hello, World!";
const slicedStr = str.slice(7);
console.log(slicedStr); // 输出: "World!"
7、includes()
includes():用于检查字符串是否包含指定内容的方法。它返回一个布尔值,表示字符串是否包含了指定的内容。
const str = "Hello, World!";
const hasHello = str.includes("Hello");
console.log(hasHello); // 输出: true
const hashelloww = str.includes("helloww");
console.log(hashelloww); // 输出: false
includes()方法还可以接收第二个参数,表示开始搜索的索引位置。如果省略第二个参数,则从字符串的开头开始搜索。
const str = "Hello, World!";
const hasWorld = str.includes("World", 7);
console.log(hasWorld); // 输出: true
8、split()
split():将字符串按指定的分隔符分割成数组。
const str = "Hello, World!";
console.log(str.split(", ")); // 输出:["Hello", "World!"]
如果省略分隔符参数,则split()方法将字符串拆分成一个字符数组,其中每个字符都是数组的一个元素。
const str = "Hello";
const characters = str.split();
console.log(characters); // 输出: ["H", "e", "l", "l", "o"]
split()方法还可以接收第二个参数,表示拆分的最大次数。如果指定了最大次数,则拆分的结果数组的长度不会超过该次数。
const str = "apple,banana,orange,grape";
const fruits = str.split(",", 2);
console.log(fruits); // 输出: ["apple", "banana"]
9、indexOf()
indexOf():返回指定字符串在原字符串中首次出现的位置。如果没有找到,则返回-1。
const str = "Hello, World!";
const index1 = str.indexOf("o");
console.log(index1); // 输出: 4
const index2 = str.indexOf("World");
console.log(index2); // 输出: 7
const index3 = str.indexOf("wo");
console.log(index3); // 输出: -1
如果要从指定的索引位置开始查找,可以提供第二个参数作为起始索引。
const str = "Hello, World!";
const index = str.indexOf("o", 5);
console.log(index); // 输出: 8
10、toFixed()
toFixed()用于将数字保留指定小数位数并返回一个字符串的方法。
它可以应用于数字类型的值,并接受一个参数,用于指定要保留的小数位数。返回的结果是一个字符串,表示保留指定小数位数后的数字。
不为六
const num = 3.14159;
console.log(num.toFixed(2)); // 输出:3.14
为六
let num = 123456.567;
console.log(num.toFixed()); //123457 四舍六入
console.log(num.toFixed(2)); //123456.57
需要注意的是,toFixed 方法会进行四舍六入,返回的结果是一个字符串,而不是一个数字。如果原始数字小数位数不足指定的位数,会用零进行补齐。
const num = 10;
console.log(num.toFixed(2)); // 输出:10.00
toFixed 方法只能应用于数字类型的值。如果尝试将其应用于非数字类型的值,将会抛出错误。
const str = "Hello";
console.log(str.toFixed(2)); // 抛出错误:str.toFixed is not a function
因此,在使用 toFixed 方法之前,请确保要处理的值是数字类型的。
11、substring()
substring():与slice类似,从原字符串中提取子字符串,并返回新的字符串。可以传入起始位置和结束位置作为参数。不同之处在于如果参数为负数,substring会将其视为0。
const str = "Hello, World!";
const substring1 = str.substring(7);
console.log(substring1); // 输出: "World!"
const substring2 = str.substring(0, 5);
console.log(substring2); // 输出: "Hello"
12、substr()
substr():与slice和substring类似,从原字符串中提取子字符串,并返回新的字符串。可以传入起始位置和子字符串的长度作为参数。
const str = "Hello, World!";
console.log(str.substr(7, 5)); // 输出:World
13、charAt()
charAt():返回指定索引位置的字符。
const str = "Hello, World!";
console.log(str.charAt(7)); // 输出:W
14、startsWith()
startsWith():检查字符串是否以指定的内容开头,返回布尔值。
const str = "Hello, World!";
console.log(str.startsWith("Hello")); // 输出:true
15、endsWith()
endsWith():检查字符串是否以指定的内容结尾,返回布尔值。
const str = "Hello, World!";
console.log(str.endsWith("World!")); // 输出:true