javaScript中常用的String方法以及注意点总结
String常用API方法:
// 1、toLocaleLowerCase 小写
// 2、toLocaleUpperCase 大写
// 3、charAt num
// 4、charCodeAt num
// 5、slice start end
// 6、substring start end 第一个参数可以为负数,直接将负参数直接转成0
// 7、substr start length 第一个参数可以为负数 第二个为负数 自动转为 0
// 8、concat
// 9、trim 去除首尾空格
// 10、trimStart 去除首空格
// 11、trimEnd 去除尾空格
// 12、replace 替换 可以加入正则
// 13、split 分割 转成数组
// 14、indexOf 下标
// 15、lastIndexOf 下标
1.toLocaleLowerCase/toLocaleUpperCase
toLocaleLowerCase转换string至全部小写
toLocaleUpperCase转换string至全部大写
let str = 'myNameIsZhangJunQing'
let toLocaleLowerCaseStr = str.toLocaleLowerCase() //转小写字母
//mynameiszhangjunqing
let toUpperCaseStr = str.toLocaleUpperCase() //转大学字母
//MYNAMEISZHANGJUNQING
2.charAt /charCodeAt
charAt 传入下标返回相应的字符
charCodeAt 传入下标返回相应字符的unicode编码
let str = 'myNameIsZhangJunQing'
let charAtStr = str.charAt(1) //y 对应下标的字符
let charCodeAtStr = str.charCodeAt(1) //121 y对应下标的字符
console.log(charAtStr,charCodeAtStr) // y 121
3.slice /substring/substr
slice(start,?end)第一个参数是开始下标,第二个参数可选,无论谁为负数,那么就加上当前字符的length转化为正数
let str = 'myNameIsZhangJunQing'
let sliceStr1 = str.slice(1) // 下标1开始 往后截取
let sliceStr2 = str.slice(1, 4) // yNa 下标1开始 往后截取 1-4 不包括4 可以是负数
let sliceStr3 = str.slice(-5,-2)
console.log(sliceStr1,sliceStr2,sliceStr3)
substring(start,?end)第一个参数是开始下标,第二个参数可选,两个参数的特性为:负数自动转成0,前面比后面的大,互换坐标
let str = 'myNameIsZhangJunQing'
let substring1 = str.substring(-8,5) // 0 5
let substring2 = str.substring(-8,-5) // 0 0
let substring3 = str.substring(8,-5) // 0 8
console.log(substring1,"1",substring2,"2",substring3)
//myNam 1 2 myNameIs
//substring2为空
substr(start,?length)第一个参数为开始下标,第二个参数是要截取的length长度
,第一个参数为负数加字符总长度,第二个参数为负数直接变成0
let str = 'myNameIsZhangJunQing'
let substr1 = str.substr(-10, 5) // -10+字符串.length 5
let substr2 = str.substr(-10, 6) // -10+字符串.length 6
let substr3 = str.substr(-10, -5) // -10+字符串.length 0
console.log(substr1,substr2,substr3)
//angJu angJun
//substr3 为空
4.concat
concat拼接字符串
let str = 'myNameIsZhangJunQing'
let sliceStr3 = str.concat('AAAAA') //myNameIsZhangJunQingAAAAA 字符串拼接 等同于 str + 'AAAAAA'
5.trim/trimStart/trimEnd
trim:去除首尾空格
trimStart:去除首空格
trimEnd:去除尾空格
6.replace
replace(要替换的字符,新字符)
let str1 = 'myNameIsZhangJunQing'
let sliceStr3 = str1.replace('a', '***') // myN***meIs ZhangJunQing
let sliceStr4 = str1.replace(/a/ig, '***') // myN***meIs ZhangJunQing
7.split
split(分隔符)
let str = 'myNameIsZhangJunQing'
let splitStr = str.split('')
console.log(splitStr)
//[
// 'm', 'y', 'N', 'a', 'm',
// 'e', 'I', 's', 'Z', 'h',
// 'a', 'n', 'g', 'J', 'u',
// 'n', 'Q', 'i', 'n', 'g'
//]
let splitStr1 = str.split('a')
console.log(splitStr1)
//[ 'myN', 'meIsZh', 'ngJunQing' ]
8.IndexOf/lastIndexOf
indexOf(字符,开始位置)查找元素首次出现的下标,找不到返回-1
lastIndexOf(字符,开始位置)总字符末端查找元素首次出现的下标,找不到返回-1
let str = 'myNameIsZhangJunQing'
let str1 = str.indexOf('a')
let str2 = str.lastIndexOf('a')
console.log(str1,str2) //3 10
相关文章
- JS-JAVASCRIPT的eval()方法
- javascript 常用方法 解析URL,补充前导字符, 省市联动, 循环替换模板
- javaScript中的toFix(n)方法
- JavaScript实现TwoQueues缓存模型
- JavaScript中数组的介绍、基本使用、3种创建方式,5种遍历方法、查找方法(关注收藏,持续更新)
- 用JAVA编写浏览器内核之实现javascript的document对象与内置方法
- 【JavaScript】String 实例方法(三)
- 【JavaScript】Boolean
- 遍历Javascript数组的一种方法!
- 原生 JavaScript 代替 jQuery【转】
- JavaScript 基础(二) - 创建 function 对象的方法, String对象, Array对象
- 20个免费的 JavaScript 游戏引擎分享给开发者
- 高性能JavaScript模板引擎原理解析
- JavaScript闭包的应用以及缺点
- JavaScript node.js Discord.js v13报错:ReferenceError: AbortController is not defined解决方法
- Js(Javascript)中this的三种用法
- 使用重构件(Codemod)加速 JavaScript 开发和重构
- JavaScript中Object.prototype.toString方法的原理
- JavaScript数组去重12种方法
- 重温JavaScript基础系列
- 【JavaScript】以小说的方式打开学习JavaScript的新大门
- ArcGIS API for Javascript 3.21地图开发实例(一、图形绘制和删除及popup弹出层)