javaScript中常用的String方法以及注意点总结

简介: 本文总结了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
目录
相关文章
|
5天前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
21天前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
30 2
|
11天前
|
Java
【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
本文深入探讨了Java中方法参数的传递机制,包括值传递和引用传递的区别,以及String类对象的不可变性。通过详细讲解和示例代码,帮助读者理解参数传递的内部原理,并掌握在实际编程中正确处理参数传递的方法。关键词:Java, 方法参数传递, 值传递, 引用传递, String不可变性。
29 1
【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
|
9天前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
10天前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
25 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
15天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
17 3
|
15天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
24 1
|
16天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
13 2
|
10天前
|
存储 JavaScript 前端开发
JavaScript数组去重的八种方法详解及性能对比
在JavaScript开发中,数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法,从基础的双重循环和 indexOf() 方法,到较为高级的 Set 和 Map 实现。同时,分析了每种方法的原理和适用场景,并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文,读者可以深入理解每种方法的优缺点,并选择最合适的数组去重方式。
22 0
|
11天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
75 0