Javascript中字符串相关常用的使用方法总结

Posted 2020-10-17

javascript的内置功能之一就是字符串连接，如果用‘+’连接两个数字，表示两数相加。但是如果用于字符串，就表示第二个字符加在第一个字符之后。

var num=1+2;

console.log(num);

var msg=‘hello‘+‘world‘;

console.log(msg);

对于字符串来说，除了有length属性，还有很多其他有用的属性，如： 

var str=‘hello,world‘;

console.log(str.length);

console.log(str.charAt(0)); //第一个字符 

console.log(str.charAt(str.length-1)); // 最后一个字符 

//substring(starti,endi), 截取 字符串  起始startistartii， 到endi结束，且含头不含尾，没有

// 如果第二个参数没有， 就默认截取到最后一个。      

console.log(str.substring(1,4));

console.log(str.substring(1));

//用法同上，为负数时，就是倒数开始算，一个参数含义是倒数几个。

console.log(str.slice(1,4));

console.log(str.slice(-3));

//字符‘l’首次出现的位置 

console.log(str.indexOf(‘l‘));

//字符‘l’最后一次出现的位置 

console.log(str.lastIndexOf(‘l‘));

//在位置下标3之后，首次出现的位置 

console.log(str.indexOf(‘l‘,3));

//用‘，’分割为字符串

console.log(str.split(‘,‘));

// 把str中的小写h换成大写H

console.log(str.replace(‘h‘,‘H‘));

//讲字符串转化为大写

console.log(str.toUpperCase());

提示：在javascript中字符串本身是固定不变的，上述方法都会返回一个新的字符串值，并不会影响str本身的值
值得注意的是，在ES6中，给字符串增加了很多新的方法，如：

var s = ‘Hello world!‘;

// 返回布尔值，表示参数字符串是否在源字符串中的头部

console.log(s.startsWith(‘Hello‘)) // true

//endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部

console.log(s.endsWith(‘!‘)) // true

// includes()返回布尔值，表示是否找到了参数字符串

console.log(s.includes(‘o‘)) // true

上述的三个方法都支持第二个参数，表示开始搜索的位置

 

QQ注册登录http://www.kgc.cn/index.php?tuin=7123 获得学习账号

可以进群交流~WEB前端学习交流群21 598399936