JavaScript-String字符串方法详解

字符串的相关方法

1. 底层字符串保存

//创建一个字符串
var str = "Hello Atfuigu";

/*
 * 在底层字符串是以字符数组的形式保存的
 * ['H','e','l']
 */

2. 方法

1) length 属性 获取长度

可以用来获取字符串的长度

var str = "Hello Atfuigu";

console.log(str.length);
console.log(str[5]);

2) charAt() 获取指定字符

1. 可以返回字符串中指定位置的字符
2. 根据索引获取指定的字符

var str = "中Hello Atfuigu";
var result = str[6];

console.log(result);

3) chartCodeAt() 获取指定字符编码

获取指定位置字符的编码(Unicode 编码)

var str = "中Hello Atfuigu";
var result = str.charCodeAt(0);

console.log(result);

4) String.formCharCode() 根据编码获取字符

可以根据字符编码去获取字符

var str = "中Hello Atfuigu";
var result = String.fromCharCode(0x2682);

console.log(result);

5) concat() 连接字符串

1. 可以用来连接两个或多个字符串
2. 作用和+一样

var str = "中Hello Atfuigu";
var result = str.concat("你好", "再见");

console.log(result);

6) indexOf() 是否含有指定内容

1. 该方法可以检索一个字符串中是否含有指定为内容
2. 如果字符串中含有该内容，则会返回第一次出现的索引
   • 如果没有找到指定的内容，则返回-1
3. 可以指定一个第二个参数，指定开始查找的位置

var str = "hello hatfuigu";
var result = str.indexOf("h", 1);

console.log(result);

7) lastIndexOf() 是否含有指定内容

1. 该方法的作用的用法和 indexOf()一样
   • 不同的是 indexOf 是从前往后找,
   • 而 lastIndexOf 是从后往前找
2. 也可以指定开始查找的位置

var str = "hello hatfuigu";
var result = str.lastIndexOf("p", 5);

console.log(result);

8) slice() 截取指定内容

1. 可以从字符串中截取指定的内容
2. 不会影响原字符串，而是将截取到内容返回
3. 参数:
   • 第一个,开始位置的索引(包括开始位置)
   • 第二个，结束位置定位索引(不包括结束位置)
4. 如果我们省略第二个参数，则会截取到后边所有的
5. 也可以传递一个负数作为参数，负数的话将会从后边计算

var str = "abcdefghijk";

var result = str.slice(1, 4);
console.log(result);

result = str.slice(1, -1);
console.log(result);

9) substring() 截取字符串

1. 可以用来截取一个字符串，可以 slice()类似
2. 参数：
   • 第一个：开始截取位置的索引(包括开始位置)
   • 第二个：结束位置的索引(不包括结束位置)
   • 不同的是这个方法不能接收负值作为参数，

     如果传递了一个负值，则默认使用 0

   • 而且他还自动调整参数的位置，如果第二个参数小于第一个则自动交换

var str = "abcdefghijk";
var result = str.substring(0, 1);

console.log(result);

10) substr() 截取字符串

1. 用来截取字符串
2. 参数：
   • 截取开始位置的索引
   • 截取的长度

var str = "abcdefg";
var result = str.substr(3, 2);

console.log(result);

11) split() 根据字符串拆分数组

1. 可以将一个字符串拆分为一个数组
2. 参数：
   • 需要一个字符串作为一个参数，将会根据字符串去拆分数组

var str = "abcbcdefghij";
var result = str.split("d");

console.log(result);

3. 如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一个元素

var str = "abcbcdefghij";
var result = str.split("");

console.log(Array.isArray(result));
console.log(result[0]);
console.log(result);

12) toUppCase() 字符串转大写

将一个字符串转换为大写并返回

var str = "abcdefg";
var result = str.toUpperCase();

console.log(result);

13) toLowerCase()字符串转小写

将一个字符串转换为小写并返回

var str = "ABCDEFG";
var result = str.toLowerCase();

console.log(result);