在前端开发的工作中,躲不开的是对数据进行处理,然而很多的API经常不用就会忘记,故本菜狗再次进行一次整理,用于笔记。
字符串API
- str.length 查看字符串长度
let str='这1个字符串str的长度是?'
str.length
//此时输出结果为 '14',不论数字,字母还是符号都会被统计
- str.charAt(index) 查看指定下标对应的字符
let str='查看对应下标位置的字符'
str.charAt()
//此时输出结果为 '查' ,index不输入默认为0
str.charAt(1)
//此时输出结果为 '看' ,输出了下标为1的对应值
str.charAt(100)
//此时输出结果为 ' ' ,当输入的index大于最大长度均会返回空字符串
str.charAt(-1)
//此时输出结果为 ' ',当输入的index为负数的时候会返回空字符串
- str.charCodeAt(index) 查看指定下标对应的Unicode编码
let str='查看对应下标位置的Unicode编码'
str.charCodeAt('1')
//此时输出的结果是'30475'
- str1.concat(str2) 连接str1与str2
let str1='Hello'
let str2='world'
str1.concat(str2)
//此时输出结果为 'Hello world'
- str.indexOf('xxx') 查看xxx第一次出现在字符串中的下标
let str='查看这一个字符串第一次出现目标的下标'
str.indexOf(' ')
//此时会输出'0',属于特殊情况
str.indexOf('一')
//此时会输出'3',对应第一次出现的下标
str.indexOf('目')
//此时会输出'13'
str.indexOf('目标')
//此时会输出'13',第一个字对应的下标
str.indexOf('非')
//此时会输出'-1',找不到对应参数的时候会返回'-1',可依据此返回值判断时候包含某字符
str.indexOf('目地')
//此时会输出'-1',即使找到第一个字,但是整体不匹配,依然会返回'-1'
- str.lastIndexOf('xxx') 查看xxx最后一次出现在字符串中的下标
let str='查看这一个字符串第一次出现目标的下标'
str.lastIndexOf('一')
//此时会输出'9',对应最后一次出现的下标
- str.slice(n1,n2) 截取由下标n1开始到下标n2为止之间所有的数据
let str='截取对应数据'
str.slice(1)
//此时会输出'取对应数据',如果n2参数不输入,那么默认从n1截取到字符串结尾
str.slice(2,4)
//此时会输出'对应',返回值包含n1对应下标的数据,不包含n2对应下标的数据
str.slice(-4,-2)
//此时会输出'对应',n1与n2可以接受负数传值
str
//此时会输出'截取对应数据',slice方法是不会伤害原数组的
- substring(n1,n2) 截取下标n1开始到下标n2位置所有的数据 (与slice的区别在于n2不能接收负数)
- substr(n1,n2) 截取下标n1开始向后n2长度的数据
str='截取下标n1开始向后n2长度的数据'
substr(4)
//此时会输出'n1开始向后n2长度的数据',如果n2参数不输入,那么默认从n1截取到字符串结尾
str.substr(0,2)
//此时会输出'截取'
str.substr(-2,2)
//此时会输出'数据'
- str.includes(xxx) 是否包含xxx
let str='是否包含该数据'
str.includes('')//true
str.includes('包含')//true
str.includes('不包含')//false
startsWidth()
endsWidh()
toLowerCase()
toUpperCase()
trim()
splite()