JavaScriptString的基本使用和方法

在开发中，经常需要对字符串进行操作，String类提供了属性和方法

1.常用的属性length

length可以获取字符串的长度

1.  
   var str = "Hello world"
2.  
   console.log(str.length)
3.  
    
4.  
   //在控制台输出长度为11

2.访问字符串的字符

方法一：通过字符串的索引 str[index]

1.  
   var str = "Hello world"
2.  
   console.log(str[0])
3.  
    
4.  
   //输出H

方法二：通过 str.charAt(index) 方法

1.  
   var str = "Hello world"
2.  
   console.log(str.charAt(0))
3.  
    
4.  
   //输出H

方法一和方法二的区别是索引的方式没有找到会返回undefined，而charAt没有找到会返回空字符串；

1.  
   var str = "Hello World"
2.  
   console.log(str[20])
3.  
   console.log(str.charAt(20))

 3.修改字符串

字符串定义之后是不能修改的，想单纯给一个索引对应的值修改是不能实现的。

 

 修改之后输出的还是hello world

因为字符串在定义之后不能修改，所以想要改变字符串大小写，只能是返回一个新的值

3.1.将所有的字符转成小写toLowerCase

1.  
   var msg = "Hello World"
2.  
   console.log(msg.toLowerCase());
3.  
    
4.  
   //hello world

 3.2.将所有的字符转成大写toUpperCase

1.  
   var msg = "Hello World"
2.  
   console.log(msg.toUpperCase());
3.  
    
4.  
   //HELLO WORLD

4. 查找字符串

方法一：查找字符串位置

str.indexOf(searchValue [, fromIndex] )

• 从fromIndex开始，查找searchValue的索引；
• 如果没有找到，那么返回-1；

1.  
   var msg = "Hello World"
2.  
   console.log(msg.indexOf("o", 1));
3.  
   console.log(msg.indexOf("jack", 0))

找o，从索引值为1开始查找，找到了在索引值为4的位置

找jack，找不到，返回-1

 方法二：是否包含字符串 

str.includes(searchString [, position] )

•  从position位置开始查找searchString， 根据情况返回 true 或 false
•  这是ES6新增的方法；

1.  
   var msg = "Hello World"
2.  
   console.log(msg.includes("o"))
3.  
    
4.  
   //true

 5.字符串开头与结尾

5.1.字符串以xxx开头startsWith

str.startsWith(searchString[, postion])

• 从position位置开始，判断字符串是否以searchString开头
• 这是ES6新增的方法 

1.  
   var msg = "Hello World"
2.  
   console.log(msg.startsWith("o"))
3.  
    
4.  
   //false 不是以o开头的

5.2.字符串以xxx结尾endsWith 

str.endWith(searchString[ , length])

•  在length长度内，判断字符串是否以searchString结尾
• ES6新增的方法

1.  
   var msg = "Hello World"
2.  
   console.log(msg.endsWith("o"))
3.  
    
4.  
   //false 不是以o结尾的

 6.替换字符串replace

str.replace(regexp | substr,  newSubStr | function)

• 查找到对应的字符串，并且使用新的字符串进行替换；
• 可以 传入正则表达式，也可以传入函数来替换

1.  
   var msg = "Hello World"
2.  
   console.log(msg.replace("Hello","hohoho"))

 7.获取子字符串slice、substring、substr

1.  
   var msg = "Hello World"
2.  
   console.log(msg.slice(0, 2))
3.  
    
4.  
   //是不包含2的索引值对应的内容的

 开发中推荐使用slice

8.拼接字符串concat

str.concat(str2, [, ...strN])

可以拼接不止一条字符串

console.log("Hello".concat("World").concat("My"))

 

 9.删除首尾空格trim

str.trim()

1.  
   var msg = " Hello World "
2.  
   console.log(msg.trim())

 

 前面跟后面的空格都已经删除掉了

10.字符串分割split 

str.split([separator[, limit] ] )

• separator：以什么字符串进行介个，也可以是一个正则表达式；
• limit：限制返回片段的数量 

1.  
   var msg = "Hello World"
2.  
   console.log(msg.split(" ",2))

11.更多的字符串的补充内容，可以查看MDN文档

String - JavaScript | MDN

这篇好文章是转载于：学新通技术网