js字符串常用方法

1.charAt()

char: 字符, 表示一个字符
at: 在哪
作用: 根据索引找到对应的字符返回
语法:字符串.charAt(索引)
返回值: 对应索引位置的字符
如果有对应索引, 那么得到的就是对应索引位置的字符
如果没有对应索引, 那么得到的是 空字符串

var str = 'hello world';
var res = str.charAt(8);
console.log(res);//结果为 r ,空格也占索引位置

2.charCodeAt()

作用: 根据索引找到对应的字符, 返回字符的编码
语法:字符串.charCodeAt(索引)
返回值: 对应索引位置的字符编码 UTF-8 编码

var str = '你好 世界';
// res 获取的是 你 这个汉字的编码
var res = str.charCodeAt(1);
console.log(res);//结果为 22909 是这个汉字的编码

3.substr()

作用: 从字符串里面提取出一些内容
语法:字符串.substr(开始的索引, 多少个)
第二个参数不写, 默认是按照到字符串末尾计算
返回值: 一个新的字符串,从原先字符串里面提取出来的内容

var str = 'hello world';
// 从索引 1 开始, 向后数 7 个, 提取出来
var res = str.substr(1, 7);
console.log(res);//结果为 ello wo

4.substring()

作用: 从字符串里面提取出一些内容
语法:字符串.substring(开始索引, 结束索引) - 包头不包尾 第二个参数不写, 默认到末尾
返回值: 一个新的字符串,从原先字符串里面提取出来的内容

var str2 = 'hello world';
// 从索引 1 开始, 到索引 7, 不包含索引 7
var res2 = str2.substring(1, 7);
console.log(res2);//结果为 ello w

5.toLowerCase()

作用: 把字符串里面所有的大写字母转换成小写字母
语法:字符串.toLowerCase()
返回值: 就是转换好的字符串

var str = 'ABCDEFG';
var res = str.toLowerCase();
console.log(res);//结果为 abcdefg

6.toUpperCase()

作用: 把字符串里面所有的小写字母转换成大写字母
语法:字符串.toUpperCase()
返回值: 就是转换好的字符串

var str2 = 'abcdefg';
var res2 = str2.toUpperCase();
console.log(res2);//结果为 ABCDEFG

7.split()

作用: 按照你的需求, 切割字符串
语法:字符串.split(‘你要切割的字符’)
参数你写什么就按照什么给你切割
参数你要是写一个字符串里面没有的字符, 那么给你切割出一个整个的字符串
参数要是不写, 也是切割一个整个的字符串
参数你要是写一个 空字符串(""), 会一位一位给你切割
返回值: 是一个 数组
按照你的规则切割好每一部分, 都放到数组里面

var str = '2020-05-20';
// 用 - 把字符串分开, 每一段都作为一个数据放在数组里面
var res = str.split('-');
console.log(res);//结果为 ["2020", "05", "20"]

8.slice()

作用: 从字符串里面提取一部分数据
语法:
字符串.slice(开始索引, 结束索引) - 包前不包后
字符串.slice(开始索引, 负整数)
当你写负整数的时候, 表示 字符串.length + 负整数
返回值: 一个字符串,从原始字符串里面提取出来的一部分

var str = 'abcdefghijklmn';
// 提取 str 字符串中索引 1 到索引 10 的字符, 不包含索引 10
var res1 = str.slice(1, 10);
// 你写 -3 等价于 str.length + -3 === 11
var res2 = str.slice(1, -3);
var res3 = str.slice(1, 11);
console.log(res1);//结果为 bcdefghij
console.log(res2);//结果为 bcdefghijk
console.log(res3);//结果为 bcdefghijk

9.concat()

作用: 拼接字符串
语法:字符串.concat(要拼接的字符串1, 要拼接的字符串2, …)
返回值:一个拼接好的字符串
作用和 加号(+) 是一模一样的

var str = 'hello world';
var res = str.concat(' 你好 世界');
console.log(res);//结果为 hello world 你好 世界

10.indexOf()

作用: 通过字符, 查找到对应的索引返回
语法:
字符串.indexOf(你要查找的字符)
字符串.indexOf(你要查找的字符, 从哪个索引开始查找)
返回值: 一个数字
如果有这个字符, 那么就返回找到的第一个字符位置的索引
如果没有这个字符, 那么就返回 -1

var str = 'hello world';
// 当你找一个多个字母的字符的时候, 会找到匹配的第一个字母的位置返回
var res = str.indexOf('world');
console.log(res);//结果为 6

11.lastIndexOf()

作用: 通过字符, 查找到对应的索引返回, 从后往前查找
语法:
字符串.lastIndexOf(你要查找的字符)
字符串.lastIndexOf(你要查找的字符, 从哪个索引开始查找)
返回值: 一个数字
如果有这个字符, 那么就返回找到的第一个字符位置的索引
如果没有这个字符, 那么就返回 -1

var str = 'hello world';
//从右往左找
var res = str.lastIndexOf('l');
console.log(res);//结果为 9