<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
/*
字符串的所有方法都是不改变原始字符串的。
1.charAt()
语法:字符串.charAt(索引)
返回值:会返回该索引对应的字符,如果索引不存在就返回空字符串
2.charCodeAt()
语法:字符串.charCodeAt(索引)
返回值:会返回该索引对应的字符的编码,如果索引不存在就返回NaN
3.toUpperCase()
语法:字符串.toUpperCase(),不需要写参数
返回值:将原始字符串中所有的字母转大写
4.toLowerCase(),语法同上,转小写。
5.substr():截取
语法:字符串.substr(开始索引,多少个)
作用:从开始索引截取多少个
返回值:截取出来的数据
注意:如果不写个数就是一直截取到最后。
6.substring():截取
语法:字符串.subString(开始索引,结束索引)
注意:不包含结束索引
如果不写结束索引,就一直截取到最后。
不支持写负数
7.slice()截取
语法:字符串.slice(开始索引,结束索引)
和substring的区别就在于:slice可以写负数。
8.split()分割
语法:字符串.split(‘分隔符‘)
作用:按照分隔符拆分字符串
返回值:拆分的结果是一个数组,将字符串按照分隔符分成几段数据存储到数组中
9.concat()
语法:字符串.concat(字符串1,字符串2,。。。)
就是做字符串拼接的,和+的效果拼接
10.indexOf():从左到右找
语法:字符串.indexOf(要查找的字符,开始索引)
作用:找字符对应的索引,找不见就是-1
11.lastIndexOf()同上
从右到左找
12.includes()
语法:字符串.includes(字符串片段)
作用:判断该字符串中是否包含该字符串片段
返回值:包含就是true,不包含就是false
13.startsWith()
语法:字符串.startsWith(字符串片段)
作用:验证是否以该字符开头,是true,不是:false
14.endsWith()
语法同上
验证是否以该字符结尾,是true,不是false
15.trim()
语法:字符串.trim()
作用:去除字符串首尾空白,中间空白是去除不了的
返回值:去除首尾空白之后的新字符串。
16.trimStart()或者trimLeft()
去除字符串开头的空白
17.trimEnd()或者trimRight()
去除字符串结尾的空白
18.replace()
语法:字符串.replace(你要替换的字符,新字符)
语法:字符串.replace(旧的,新的)
作用:替换字符串
返回值:替换好的字符串
注意:只能替换一个片段
*/
var str = 'hello world ABC'
// 0123456789 10
// -1
// ======1.charAt()
// var res = str.charAt(10)//找索引10对应的字符
// console.log(res);
// 2.charCodeAt()
// var res = str.charCodeAt(0)//找索引0对应的字符的编码,也就是h对应的编码
// console.log(res);
// 3.toUpperCase()
// var res = str.toUpperCase()
// console.log(res);
// 4.toLowerCase()
// var res = str.toLowerCase()
// console.log(res);
// 5.substr():截取
// var res = str.substr(3,5)//从3的位置开始截取5个
// var res = str.substr(3)//从3的位置开始截取到最后
// console.log(res);
// 6.substring():截取
// var res = str.substring(3,5)//从3的位置开始截取到5的位置
// var res = str.substring(3)//从3的位置开始截取到最后
// var res = str.substring(-3,-1)//
// console.log(res);
// console.log('================================');
// 7.slice()截取
// var res = str.slice(3,5)//从3的位置开始截取到5的位置
// var res = str.slice(3)//
// var res = str.slice(-3,-1)//
// console.log(res);
// ====8.split()
// var res = str.split(' ')
// var res = str.split('t')
// console.log(res);
// 9.concat()
// var res = str.concat('哈哈哈哈')
// var res = str+'哈哈哈哈'
// console.log(res);
// 10.indexOf
// var res = str.indexOf('e')//查找e这个字符对应的索引
// var res = str.indexOf('l')//查找l这个字符对应的索引
// var res = str.indexOf('t')//查找t这个字符对应的索引,找不见,结果是-1
// var res = str.indexOf('l',4)//从4的位置开始往后找l的索引
// console.log(res);
// 12.includes()
// var res = str.includes('e')//找str中有没有e
// var res = str.includes('t')//找str中有没有t
// console.log(res);
// 13。startsWith
// var res = str.startsWith('e')//看str是否以e开头
// var res = str.startsWith('h')//看str是否以h开头
// console.log(res);
// 14.endsWith
// var res = str.endsWith('e')//看str是否以e结尾
// var res = str.endsWith('C')//看str是否以C结尾
// console.log(res);
// var str2 = ' 你好 哈哈 '
// console.log(str2);
// 15.trim()
// var res = str2.trim()
// console.log(res);
// 16。
// var res = str2.trimStart()
// var res = str2.trimLeft()
// console.log(res);
// 17
// var res = str2.trimEnd()
// var res = str2.trimRight()
// console.log(res);
// 18.
var str2 = 'hello world ABC'
// 将str2中的ABC替换成哈哈
// var res = str2.replace('ABC','哈哈')
var res = str2.replace('world','*')
console.log(res);
</script>
</body>
</html>
字符串2 API:18种
于 2022-12-08 00:20:28 首次发布