String字符串常用方法

蓝眸少年CY

于 2024-10-10 11:22:06 发布

阅读量748

点赞数 12

分类专栏：前端技术文章标签：前端

本文链接：https://blog.csdn.net/hk000001/article/details/142792307

版权

前端技术专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、`charAt()` ：返回字符串中指定索引（下标）处的字符。

let text = "HELLO WORLD"
let letter = text.charAt(0)
console.log(letter)

// =================
H

获取字符串中的第一个字符：charAt(0)

获取字符串中的第二个字符：charAt(1)

获取字符串中的最后一个字符：charAt(text.length-1);

超出范围的索引返回空字符串：charAt(15)

不写，默认索引为 0：charAt()

无效索引转换为 0：charAt(1.23)

2、`concat()` ：连接两个或多个字符串，返回新的字符串；不会更改现有字符串。

let a = 'hello'
let b = 'word'
let c = a.concat(b)
console.log(c)

// =============
helloword


let a = 'hello'
let b = 'word'
let c = a.concat(' ', b)
console.log(c)

// =============
hello word

3、`constructor` ：返回创建字符串原型的函数。

let a = 'hello'
let b = a.constructor
console.log(b)

// ========
ƒ String() { [native code] }

4、endsWith()：判断字符串是否以指定值结尾；区分大小写。

let text = "Hello world";
let res = text.endsWith("world");
console.log(res)

// =============
true

检查字符串的前 n个字符是否以指定值结尾

let text = "Hello World";
text.endsWith("l", 5);

// ==============
false


let text = "Hello World";
text.endsWith("l", 4);

// ===============
true

5、includes()：判断字符串包含指定的字符串；区分大小写。

let text = "Hello world java";
let res = text.includes("world");
console.log(res)

// =================
true

6、idnexOf()：返回值在字符串中第一次出现的位置。如果未找到该值，则 `indexOf()` 方法返回 `-1`。方法区分大小写。

let text = "Hello world java";
let res = text.indexOf("world");
console.log(res)

// ====================
6

7、lastIdnexOf()：返回字符串中指定值最后一次出现的索引（下标）。如果未找到该值，则 `lastIndexOf()` 方法返回 `-1`。方法区分大小写。

let text = "Hello world java";
let res = text.lastIndexOf("o");
console.log(res)

// =================
7

8、length：返回字符串的长度。

let text = "Hello world java";
let res = text.length;
console.log(res)

// ===============
16

9、match()：将字符串与正则表达式进行匹配。。

let a = 'hello java'
let b = a.match('l')
console.log(b)

// ================
['l', index: 2, input: 'hello java', groups: undefined]

10、prototype: 属性允许您向字符串添加新的属性和方法;是所有 JavaScript 对象都可用的属性。

function employee(name, jobtitle, born) {
  this.name = name;
  this.jobtitle = jobtitle;
  this.born = born;
}
employee.prototype.salary = 2000;

const fred = new employee("Fred Flintstone", "Caveman", 1970);
console.log(fred)

// =====================
born: 1970
jobtitle: "Caveman"
name: "Fred Flintstone"
[[Prototype]]: Object
    salary: 2000
    constructor: ƒ employee(name, jobtitle, born)
    [[Prototype]]: Object

11、repeat(): 返回带有多个字符串副本的字符串；不会更改原始字符串。

let text = "Hello world!";
let res = text.repeat(2);
console.log(res)

// ===============
Hello world!Hello world!

12、replace(): 在字符串中搜索值或正则表达式；方法返回已替换值的新字符串；会更改原始字符串。

提示：如果您替换值，则只会替换第一个实例。如需替换所有实例，请使用带有 g 修饰符集的正则表达式。

默认替换

let text = "hello word, hello word";
let res = text.replace("word", "java");
console.log(res)

// ======================
hello java, hello word

全局替换

let text = "hello word, hello word";
let res = text.replace(/word/g, "java");
console.log(res)

// ================
hello java, hello java

全局的、不区分大小写

let text = "hello WORD, hello word";
let res = text.replace(/word/gi, "java");
console.log(res)

// ========================
hello java, hello java

返回替换文本的函数

let text = "hello WORD, hello word";
let res = text.replace(/word/gi, function(v) {
    return v.toUpperCase()
});
console.log(res)

// ==================
hello WORD, hello WORD

13、search(): 将字符串与正则表达式匹配。返回第一个匹配项的索引。

如果未找到匹配项，则 search() 方法返回 -1；区分大小写。

let text = "hello Java, hello java";
let position = text.search('java');
position

// ==========
18

不区分大小写的搜索

let text = "hello Java, hello java";
let position = text.search(/java/i);
position

// ===============
6

14、slice(): 提取字符串的一部分。以新字符串的形式返回提取的部分，不会更改原始字符串。

start 和 end 参数规定要提取的字符串部分。第一个位置是 0，第二个是 1，...,负数从字符串的末尾来选取。

前5个位置

let text = "Hello world!";
let res = text.slice(0, 5);
res

// =============
hello

从位置 3 到末尾

let text = "Hello world!";
let res = text.slice(3);
res

// ===============
'lo world!'

仅第一个字符

let text = "Hello world!";
let res = text.slice(0,1);
res

// =============
'H'

仅最后一个字符

let text = "Hello world!";
let res = text.slice(-1);
res

// ===========
'!'

后向前截取

let text = "Hello world!";
let res = text.slice(-2, -1);
res
// ================
'd'


let text = "Hello world!";
let res = text.slice(-2);
res

// =================
'd!'


let text = "Hello world!";
let res = text.slice(-3, -1);
res

// =================
'ld'

整个字符串

let text = "Hello world!";
let res = text.slice(0);
res

// ==============
'Hello world!'

15、split(): 将字符串拆分为子字符串数组。返回新数组，不会更改原始字符串。

let text = "hello word";
const myArray = text.split(" ");
myArray

// ====================
(2) ['hello', 'word']

拆分字符，包括空格

let text = "hello word";
const myArray = text.split("");
myArray

// =================
(10) ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'd']

使用 limit 参数

let text = "hello word, hello java";
const myArray = text.split(" ", 3);
myArray

// ==================
(3) ['hello', 'word,', 'hello']

如果省略参数，则返回包含原始字符串的数组

let text = "hello word, hello java";
const myArray = text.split();
myArray

// =================
['hello word, hello java']

16、startsWith(): 判断字符串以指定字符串开头，区分大小写。

let text = "Hello world";
text.startsWith("Hello");

// ==================
true

从位置 n 开始

let text = "Hello world";
text.startsWith("w", 5);
// false

let text = "Hello world";
text.startsWith("w", 6);
// true

17、substr(): 从指定位置开始，并返回指定数量的字符。不会更改原始字符串。

如需从字符串末尾提取字符，请使用负数的起始位置。

let text = "Hello world!";
text.substr(1, 4);
// 'ello'

从位置 2 开始

let text = "Hello world!";
text.substr(2);
// 'llo world!'

只提取第一个

let text = "Hello world!";
text.substr(0,1);
// 'H'

只提取最后一个

let text = "Hello world!";
text.substr(text.length - 1,1);
// '!'

提取最后六个

let text = "Hello world!";
text.substr(-5,5);
// 'orld!'

18、substring(): 从字符串中提取两个索引（位置）之间的字符，并返回子字符串。

从头到尾（不包括）提取字符；不会更改原始字符串。

如果 start 大于 end，则交换参数：(4, 1) = (1, 4)。

小于 0 的开始或结束值被视为 0。

let text = "Hello world!";
text.substring(1, 4);
// 'ell'

从位置 2 开始

let text = "Hello world!";
text.substring(2);
// 'llo world!'

如果 start 大于 end，则交换参数

let text = "Hello world!";
text.substring(4, 1);
// 'ell'

如果 "start" 小于 0，它将从索引 0 开始

let text = "Hello world!";
text.substring(-4);
// 'Hello world!'

仅第一个

let text = "Hello world!";
text.substring(0,1);
// 'H'

仅最后一个

let text = "Hello world!";
text.substring(text.length - 1);
// '!'

19、toLowerCase(): 将字符串转换为小写字母。不会更改原始字符串。

let text = "Hello World!";
text.toLowerCase();
// 'hello world!'

20、toUpperCase(): 将字符串转换为大写字母。不会更改原始字符串。

let text = "Hello World!";
text.toUpperCase();
// 'HELLO WORLD!'

21、trim(): 从字符串的两侧删除空格。不会更改原始字符串。

let text = "       Hello World!        ";
text.trim();
// 'Hello World!'

22、trimEnd(): 从字符串末尾删除空格。不会更改原始字符串。

let text1 = "     Hello World!     ";
text1.trimEnd();
// '     Hello World!'

23、trimStart(): 从字符串的开头删除空格。不会更改原始字符串。

let text1 = "     Hello World!     ";
text1.trimStart();
// 'Hello World!     '