字符串常用方法总结

拼接

除了常用 + 以及 ${} 进行字符串拼接之外，还可通过 concat

let stringValue = "hello ";
let result = stringValue.concat("world");
console.log(result); // "hello world"
console.log(stringValue); // "hello"

截取

slice()
substr()
substring()

let stringValue = "hello world";
console.log(stringValue.slice(3)); // "lo world"
console.log(stringValue.substring(3)); // "lo world"
console.log(stringValue.substr(3)); // "lo world"
console.log(stringValue.slice(3, 7)); // "lo w"
console.log(stringValue.substring(3,7)); // "lo w"
console.log(stringValue.substr(3, 7)); // "lo worl"

装换

trim()、trimLeft()、trimRight()
repeat()
padStart()、padEnd()
toLowerCase()、 toUpperCase()

// trim()、trimLeft()、trimRight() 去除空格
let stringValue = " hello world ";
let trimmedStringValue = stringValue.trim();
console.log(stringValue); // " hello world "
console.log(trimmedStringValue); // "hello world"

// repeat() 将字符串复制多少次
let stringValue = "na ";
let copyResult = stringValue.repeat(2) // na na 

// padEnd() 复制字符串，如果小于指定长度，则在相应一边填充字符，直至满足长度条件
let stringValue = "foo";
console.log(stringValue.padStart(4)); // " foo"
console.log(stringValue.padStart(9, ".")); // "......foo"

// toLowerCase()、 toUpperCase()
let stringValue = "hello world";
console.log(stringValue.toUpperCase()); // "HELLO WORLD"
console.log(stringValue.toLowerCase()); // "hello world"

查找字符串

chatAt()
indexOf()
startWith()
includes()

// charAt() 返回给定索引位置的字符，由传给方法的整数参数指定
let message = "abcde";
console.log(message.charAt(2)); // "c"

// indexOf() 从字符串开头去搜索传入的字符串，并返回位置（如果没找到，则返回 -1 ）
let stringValue = "hello world";
console.log(stringValue.indexOf("o")); // 4

// startWith()、includes() 从字符串中搜索传入的字符串，并返回一个表示是否包含的布尔值
let message = "foobarbaz";
console.log(message.startsWith("foo")); // true
console.log(message.startsWith("bar")); // false
console.log(message.includes("bar")); // true
console.log(message.includes("qux")); // false

转换方法

split 分割成数组

let str = "12+23+34"
let arr = str.split("+") // [12,23,34]

模板匹配方法

match()
search()
replace()

// match() 接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象，返回数组
let text = "cat, bat, sat, fat";
let pattern = /.at/;
let matches = text.match(pattern);
console.log(matches[0]); // "cat"

// search() 接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象，找到则返回匹配索引，否则返回 -1
let text = "cat, bat, sat, fat";
let pos = text.search(/at/);
console.log(pos); // 1

// replace() 接收两个参数，第一个参数为匹配的内容，第二个参数为替换的元素（可用函数）
let text = "cat, bat, sat, fat";
let result = text.replace("at", "ond");
console.log(result); // "cond, bat, sat, fat"